unmagic-icon 0.1.0 → 0.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 78dfe537a660edce4ede922cf790a6b2a317c24f54143e356674925113f94bb8
-  data.tar.gz: 513b08d32b96b7f4da9177c814e44b8a1f85a9cb8be54d75b6e4bffb166b6a63
+  metadata.gz: 17b7d09638783ea1144e26806aa2e7915d04e08645ed39c2df6a2f3026a69bdf
+  data.tar.gz: 39b8e9e8fc1a88c494c1336224b88632c0f5153e002fa2a2663b1f476c42f27b
 SHA512:
-  metadata.gz: 3f57f44dd2680988425b6c2e8fc195f2eca2d4647305ba9250ca5220e7b6cc6a807b641927e820ba7bb0a651ab016bf15c8e2e5165350a9e68230822a52fd417
-  data.tar.gz: 557cb9b7886ef6d7d0bd7ce28c40815c6b0442dd7a8ae6c79d0033b697044a8e6c930b4bd23a3d2338e18cf64ef447a8a06633b91403d70fe75dbeb25c35fef8
+  metadata.gz: 58e783d9c8829e92c70149d48f95a012a092123fa85ec2e92f68eb30203d4028722f7db8aad66c487880749b5e9647062c11cc4118c06faf71b5784fd617a9ea
+  data.tar.gz: d5ecd53c6ee72f8aaa9050221d4a619fc58a778f9998896a50530a1cee737564f3667e5bb4435040c69c645861dcb8a0ca829bcb3b923db025d51b32800a1882

data/CHANGELOG.md

@@ -7,6 +7,14 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [0.2.0] - 2026-06-22
+
+### Added
+- New downloadable icon libraries: `coloured-icons` (full-colour brand/tech
+  logos), `bootstrap-icons`, `octicons`, `iconoir`, `material-design-icons`
+  (Pictogrammers @mdi), and `phosphor` (six weights flattened into one set)
+- Server-side search in the `Unmagic::Icon::Web` Rack app
+
 ## [0.1.0] - 2026-06-21
 
 ### Added
@@ -33,5 +41,6 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
   hooks into `assets:precompile`) and `unmagic:icons:download[library]`
 - `Unmagic::Icon::Web`, a Rack app for browsing the configured icon libraries
 
-[Unreleased]: https://github.com/unreasonable-magic/unmagic-icon/compare/v0.1.0...HEAD
+[Unreleased]: https://github.com/unreasonable-magic/unmagic-icon/compare/v0.2.0...HEAD
+[0.2.0]: https://github.com/unreasonable-magic/unmagic-icon/compare/v0.1.0...v0.2.0
 [0.1.0]: https://github.com/unreasonable-magic/unmagic-icon/releases/tag/v0.1.0

data/README.md

@@ -127,6 +127,12 @@ Available libraries:
 | `simple-icons`        | Simple Icons        | SVG icons for popular brands                                                 |
 | `material-file-icons` | Material File Icons | Material Design file icons with filename/extension aliases                   |
 | `silk`                | Silk Icons Scalable | The classic silk icon set recreated as SVG                                   |
+| `coloured-icons`      | Coloured Icons      | Full-colour brand and technology logos                                       |
+| `bootstrap-icons`     | Bootstrap Icons     | Official open source SVG icon library for Bootstrap                          |
+| `octicons`            | Octicons            | Icons and icon font from GitHub                                              |
+| `iconoir`             | Iconoir             | Free open source icons designed on a 24x24 grid                             |
+| `material-design-icons` | Material Design Icons | 7400+ Material Design icons (Pictogrammers @mdi)                        |
+| `phosphor`            | Phosphor Icons      | Flexible icon family with six weights (thin to fill, plus duotone)           |
 
 ### Browsing icons
 

data/lib/unmagic/icon/library/source/bootstrap_icons.rb

@@ -0,0 +1,17 @@
+module Unmagic
+  class Icon
+    class Library
+      class Source
+        class BootstrapIcons < Source
+          key :"bootstrap-icons"
+          title "Bootstrap Icons"
+          description "Official open source SVG icon library for Bootstrap"
+          url "https://github.com/twbs/icons/archive/refs/tags/v1.13.1.zip"
+          archive :zip
+          dir "bootstrap-icons"
+          extract "icons-1.13.1/icons/*.svg"
+        end
+      end
+    end
+  end
+end

data/lib/unmagic/icon/library/source/coloured_icons.rb

@@ -0,0 +1,20 @@
+module Unmagic
+  class Icon
+    class Library
+      class Source
+        # Coloured Icons: full-colour brand/logo svgs organised by category in
+        # the repo (public/logos/<category>/<name>/<name>.svg). No release asset,
+        # but GitHub serves a tag archive; we flatten every svg into one library.
+        class ColouredIcons < Source
+          key :"coloured-icons"
+          title "Coloured Icons"
+          description "Full-colour brand and technology logos"
+          url "https://github.com/dheereshag/coloured-icons/archive/refs/tags/1.9.7.zip"
+          archive :zip
+          dir "coloured-icons"
+          extract "coloured-icons-1.9.7/public/logos/**/*.svg"
+        end
+      end
+    end
+  end
+end

data/lib/unmagic/icon/library/source/iconoir.rb

@@ -0,0 +1,23 @@
+module Unmagic
+  class Icon
+    class Library
+      class Source
+        # Ships regular and solid styles under icons/<style>; keep them as
+        # separate sub-libraries (iconoir/regular, iconoir/solid) so the shared
+        # icon names don't collide.
+        class Iconoir < Source
+          key :iconoir
+          title "Iconoir"
+          description "Free open source icons designed on a 24x24 grid"
+          url "https://github.com/iconoir-icons/iconoir/archive/refs/tags/v7.11.1.zip"
+          archive :zip
+          dir "iconoir"
+          extract_into(
+            "iconoir-7.11.1/icons/regular" => "regular",
+            "iconoir-7.11.1/icons/solid" => "solid"
+          )
+        end
+      end
+    end
+  end
+end

data/lib/unmagic/icon/library/source/material_design_icons.rb

@@ -0,0 +1,19 @@
+module Unmagic
+  class Icon
+    class Library
+      class Source
+        # Pictogrammers' Material Design Icons (@mdi/svg) — the general-purpose
+        # icon set, distinct from the file-type icons in MaterialFileIcons.
+        class MaterialDesignIcons < Source
+          key :"material-design-icons"
+          title "Material Design Icons"
+          description "7400+ Material Design icons (Pictogrammers @mdi)"
+          url "https://github.com/Templarian/MaterialDesign-SVG/archive/refs/tags/v7.4.47.zip"
+          archive :zip
+          dir "material-design-icons"
+          extract "MaterialDesign-SVG-7.4.47/svg/*.svg"
+        end
+      end
+    end
+  end
+end

data/lib/unmagic/icon/library/source/octicons.rb

@@ -0,0 +1,18 @@
+module Unmagic
+  class Icon
+    class Library
+      class Source
+        # GitHub's icon set. Names carry their size (e.g. alert-16, alert-24).
+        class Octicons < Source
+          key :octicons
+          title "Octicons"
+          description "Icons and icon font from GitHub"
+          url "https://github.com/primer/octicons/archive/refs/tags/v19.28.1.zip"
+          archive :zip
+          dir "octicons"
+          extract "octicons-19.28.1/icons/*.svg"
+        end
+      end
+    end
+  end
+end

data/lib/unmagic/icon/library/source/phosphor.rb

@@ -0,0 +1,21 @@
+module Unmagic
+  class Icon
+    class Library
+      class Source
+        # Six weights live under assets/<weight>; every non-regular filename
+        # already carries its weight suffix (ghost-bold, ghost-fill, …), so we
+        # flatten all weights into one library without name collisions. Regular
+        # is the bare name (ghost), the rest are ghost-<weight>.
+        class Phosphor < Source
+          key :phosphor
+          title "Phosphor Icons"
+          description "Flexible icon family with six weights (thin to fill, plus duotone)"
+          url "https://github.com/phosphor-icons/core/archive/refs/tags/v2.0.8.zip"
+          archive :zip
+          dir "phosphor"
+          extract "core-2.0.8/assets/*/*.svg"
+        end
+      end
+    end
+  end
+end

data/lib/unmagic/icon/library/source.rb

@@ -240,3 +240,9 @@ require_relative "source/lucide"
 require_relative "source/simple_icons"
 require_relative "source/material_file_icons"
 require_relative "source/silk"
+require_relative "source/coloured_icons"
+require_relative "source/bootstrap_icons"
+require_relative "source/octicons"
+require_relative "source/iconoir"
+require_relative "source/material_design_icons"
+require_relative "source/phosphor"

data/lib/unmagic/icon/version.rb

@@ -2,6 +2,6 @@
 
 module Unmagic
   class Icon
-    VERSION = "0.1.0"
+    VERSION = "0.2.0"
   end
 end

data/lib/unmagic/icon/web/views/icons.html.erb

@@ -0,0 +1,6 @@
+<% icons.each do |icon| -%>
+<div class="icon-item" data-icon="<%= escape(icon.name) %>">
+  <%= icon.to_svg %>
+  <div class="icon-name"><%= escape(icon.name) %></div>
+</div>
+<% end -%>

data/lib/unmagic/icon/web/views/layout.html.erb

@@ -181,13 +181,38 @@
       padding: 40px;
       font-size: 14px;
     }
-    
+
+    .load-more-wrap {
+      display: flex;
+      justify-content: center;
+      margin: 30px 0 10px;
+    }
+
+    .load-more {
+      padding: 10px 24px;
+      background: var(--tab-bg);
+      border: 1px solid var(--tab-border);
+      border-radius: 4px;
+      cursor: pointer;
+      font-size: 14px;
+      color: var(--fg);
+    }
+
+    .load-more:hover {
+      background: var(--tab-hover);
+    }
+
+    .load-more:disabled {
+      cursor: default;
+      opacity: 0.6;
+    }
+
     [hidden] {
       display: none !important;
     }
   </style>
-  <link rel="icon" href="<%= url "/public/favicon.png" %>" type="image/png">
-  <link rel="apple-touch-icon" href="<%= url "/public/favicon.png" %>">
+  <link rel="icon" href="<%= asset_url "/public/favicon.png" %>" type="image/png">
+  <link rel="apple-touch-icon" href="<%= asset_url "/public/favicon.png" %>">
 </head>
 <body>
   <div class="header">
@@ -204,8 +229,12 @@
     </div>
     
     <div class="tabs">
+      <a href="<%= library_url(nil) %>"
+         class="tab <%= @selected_library.nil? ? 'active' : '' %>">
+        All (<%= @libraries.sum { |library| library.icons.length } %>)
+      </a>
       <% @libraries.each do |library| %>
-        <a href="<%= url(library.name, @request.params) %>" 
+        <a href="<%= library_url(library.name) %>"
            class="tab <%= library == @selected_library ? 'active' : '' %>">
           <%= library.name %> (<%= library.icons.length %>)
         </a>
@@ -214,57 +243,100 @@
   </div>
   
   <div class="stats" id="stats"></div>
-  
-  <div class="icon-grid" id="iconGrid"></div>
-  
+
+  <div class="icon-grid" id="iconGrid">
+    <% if @page_icons.empty? %>
+      <div class="no-results">No icons found</div>
+    <% else %>
+      <%= render_icons(@page_icons) %>
+    <% end %>
+  </div>
+
+  <div class="load-more-wrap" id="loadMoreWrap" hidden>
+    <button class="load-more" id="loadMore">Load more</button>
+  </div>
+
   <div class="copy-toast" id="copyToast">Copied to clipboard!</div>
   
   <script>
-    // Icon data for current library only
-    const currentLibrary = '<%= @selected_library.name %>';
-    const iconsData = <%= @selected_library.icons.to_json %>;
-    
-    // State
-    let searchQuery = '<%= @search_query %>';
-    
+    // The current selection and paging state. Icons themselves are rendered by
+    // the server (the `icons` partial); the browser only fetches more of them.
+    const libraryParam = <%= @selected_param.to_json %>;
+    const libraryLabel = <%= (@selected_library&.name || "All").to_json %>;
+    const pageSize = <%= Unmagic::Icon::Web::PAGE_SIZE %>;
+
+    let searchQuery = <%= @search_query.to_json %>;
+    let total = <%= @total %>;
+    let loadedOffset = <%= @offset %>;
+
     // Elements
     const searchInput = document.getElementById('searchInput');
     const iconGrid = document.getElementById('iconGrid');
     const stats = document.getElementById('stats');
     const copyToast = document.getElementById('copyToast');
     const themeSwitcher = document.getElementById('themeSwitcher');
-    
+    const loadMoreWrap = document.getElementById('loadMoreWrap');
+    const loadMoreBtn = document.getElementById('loadMore');
+
     // Functions
-    function filterIcons() {
-      const query = searchQuery.toLowerCase();
-      const filtered = query 
-        ? iconsData.filter(icon => icon.name.toLowerCase().includes(query))
-        : iconsData;
-      
-      renderIcons(filtered);
-      updateStats(filtered.length);
+    function renderedCount() {
+      return iconGrid.querySelectorAll('.icon-item').length;
     }
-    
-    function renderIcons(icons) {
-      if (icons.length === 0) {
-        iconGrid.innerHTML = '<div class="no-results">No icons found</div>';
-        return;
+
+    function updateStats() {
+      stats.textContent = `Showing ${renderedCount()} of ${total} icons from ${libraryLabel}`;
+    }
+
+    function updateLoadMore() {
+      loadMoreWrap.hidden = renderedCount() >= total;
+    }
+
+    // Build the URL for a page of rendered icon markup from the server.
+    function pageUrl(offset) {
+      const params = new URLSearchParams();
+      params.set('library', libraryParam);
+      if (searchQuery) params.set('search', searchQuery);
+      params.set('offset', offset);
+      params.set('format', 'fragment');
+      return window.location.pathname + '?' + params.toString();
+    }
+
+    let loading = false;
+    async function loadMore() {
+      if (loading) return;
+      loading = true;
+      loadMoreBtn.disabled = true;
+      loadMoreBtn.textContent = 'Loading…';
+      try {
+        const res = await fetch(pageUrl(loadedOffset + pageSize));
+        total = parseInt(res.headers.get('X-Total-Count'), 10);
+        loadedOffset = parseInt(res.headers.get('X-Offset'), 10);
+        iconGrid.insertAdjacentHTML('beforeend', await res.text());
+      } finally {
+        loading = false;
+        loadMoreBtn.disabled = false;
+        loadMoreBtn.textContent = 'Load more';
+        updateStats();
+        updateLoadMore();
       }
-      
-      iconGrid.innerHTML = icons.map(icon => {
-        return `
-          <div class="icon-item" data-icon="${icon.name}">
-            ${icon.svg}
-            <div class="icon-name">${icon.name}</div>
-          </div>
-        `;
-      }).join('');
     }
-    
-    function updateStats(count) {
-      stats.textContent = `Showing ${count} icons from ${currentLibrary}`;
+
+    // Live search: re-request the first page from the server. A sequence guard
+    // drops responses that arrive out of order while the user keeps typing.
+    let searchSeq = 0;
+    async function runSearch() {
+      const seq = ++searchSeq;
+      const res = await fetch(pageUrl(0));
+      const html = await res.text();
+      if (seq !== searchSeq) return;
+
+      total = parseInt(res.headers.get('X-Total-Count'), 10);
+      loadedOffset = 0;
+      iconGrid.innerHTML = html.trim() ? html : '<div class="no-results">No icons found</div>';
+      updateStats();
+      updateLoadMore();
     }
-    
+
     function copyIcon(iconName) {
       const text = `${iconName}`;
       navigator.clipboard.writeText(text).then(() => {
@@ -275,18 +347,26 @@
     }
     
     function updateURL() {
-      const params = new URLSearchParams();
+      // Preserve the current `library` selection, only swap `search`.
+      const params = new URLSearchParams(window.location.search);
       if (searchQuery) {
-        params.set('q', searchQuery);
+        params.set('search', searchQuery);
+      } else {
+        params.delete('search');
       }
       const queryString = params.toString();
       const newURL = window.location.pathname + (queryString ? '?' + queryString : '');
       window.history.replaceState({}, '', newURL);
-      
-      // Update all tab links with new query
+
+      // Keep the search query in sync across every tab link.
       document.querySelectorAll('.tab').forEach(tab => {
-        const href = tab.getAttribute('href').split('?')[0];
-        tab.setAttribute('href', href + (queryString ? '?' + queryString : ''));
+        const url = new URL(tab.href, window.location.origin);
+        if (searchQuery) {
+          url.searchParams.set('search', searchQuery);
+        } else {
+          url.searchParams.delete('search');
+        }
+        tab.setAttribute('href', url.pathname + url.search);
       });
     }
     
@@ -306,24 +386,29 @@
     }
     
     // Event listeners
+    let searchTimer = null;
     searchInput.addEventListener('input', (e) => {
       searchQuery = e.target.value;
-      filterIcons();
       updateURL();
+      clearTimeout(searchTimer);
+      searchTimer = setTimeout(runSearch, 200);
     });
-    
+
+    loadMoreBtn.addEventListener('click', loadMore);
+
     iconGrid.addEventListener('click', (e) => {
       const iconItem = e.target.closest('.icon-item');
       if (iconItem) {
         copyIcon(iconItem.dataset.icon);
       }
     });
-    
+
     themeSwitcher.addEventListener('click', toggleTheme);
-    
+
     // Initialize
     loadTheme();
-    filterIcons();
+    updateStats();
+    updateLoadMore();
   </script>
 </body>
 </html>

data/lib/unmagic/icon/web.rb

@@ -5,6 +5,7 @@ require "rack/utils"
 
 require "erb"
 require "cgi"
+require "json"
 
 module Unmagic
   class Icon
@@ -21,49 +22,109 @@ module Unmagic
         end.to_app
       end
 
+      # The library param value that means "show icons from every library".
+      ALL_LIBRARIES = "all"
+
+      # How many icons to send per page (initial render and each "load more").
+      PAGE_SIZE = 100
+
       def call(env)
         @request = Rack::Request.new(env)
         @libraries = Unmagic::Icon::Library::Registry.all
 
-        case @request.path_info
-        when "/"
-          # Redirect to first library
-          first_library = @libraries.first.name.to_param
-          if first_library.nil?
-            [ 404, { "content-type" => "text/plain" }, [ "No libraries found" ] ]
-          else
-            [ 302, { "location" => url(first_library, @request.params) }, [] ]
-          end
-        else
-          library_name = @request.path_info.delete_prefix("/")
+        @search_query = @request.params["search"].to_s
+        @offset = @request.params["offset"].to_i
+        @offset = 0 if @offset.negative?
+        library_param = @request.params["library"].to_s
 
+        # No `library` param (a fresh page load) defaults to "All".
+        if library_param.empty? || library_param == ALL_LIBRARIES
+          @selected_library = nil
+          @selected_param = ALL_LIBRARIES
+          candidates = @libraries.flat_map(&:icons)
+        else
           begin
-            @selected_library = Unmagic::Icon::Library::Registry.find(library_name)
-          rescue Unmagic::Icon::LibraryNotError
-            return [ 404, { "content-type" => "text/plain" }, [ "Library not found: #{@selected_library}" ] ]
+            @selected_library = Unmagic::Icon::Library::Registry.find(library_param)
+          rescue Unmagic::Icon::LibraryNotFoundError
+            return [ 404, { "content-type" => "text/plain" }, [ "Library not found: #{library_param}" ] ]
           end
+          @selected_param = @selected_library.name
+          candidates = @selected_library.icons
+        end
 
-          template_path = File.expand_path("web/views/layout.html.erb", __dir__)
-          template = ERB.new(File.read(template_path))
-          html = template.result(binding)
+        # Search and paginate on the server; only the page's icons get their svg
+        # read+serialized, so we never inline the whole (possibly huge) set.
+        filtered = filter_icons(candidates, @search_query)
+        @total = filtered.length
+        @page_icons = filtered[@offset, PAGE_SIZE] || []
 
-          [ 200, { "content-type" => "text/html; charset=utf-8" }, [ html ] ]
-        end
+        return fragment_response if fragment_request?
+
+        template_path = File.expand_path("web/views/layout.html.erb", __dir__)
+        template = ERB.new(File.read(template_path))
+        html = template.result(binding)
+
+        [ 200, { "content-type" => "text/html; charset=utf-8" }, [ html ] ]
       end
 
       def escape(text)
         CGI.escapeHTML(text.to_s)
       end
 
-      def url(path_parts, params_hash = nil)
-        url = [ @request.env["SCRIPT_NAME"], *path_parts ].compact.join("/")
-        url = url.gsub(/\/\//, "/")
+      # Case-insensitive substring match on the icon name.
+      def filter_icons(icons, query)
+        return icons if query.empty?
 
-        if params_hash
-          "#{url}?#{Rack::Utils.build_query(params_hash)}"
-        else
-          url
-        end
+        needle = query.downcase
+        icons.select { |icon| icon.name.downcase.include?(needle) }
+      end
+
+      def fragment_request?
+        @request.params["format"] == "fragment"
+      end
+
+      # The page of icons as a rendered HTML fragment, which the browser appends
+      # ("load more") or swaps in (live search). Counts ride along as headers so
+      # the body stays pure markup. Icons are rendered in exactly one place —
+      # the `icons` partial, shared with the full page.
+      def fragment_response
+        headers = {
+          "content-type" => "text/html; charset=utf-8",
+          "x-total-count" => @total.to_s,
+          "x-offset" => @offset.to_s,
+          "x-page-size" => PAGE_SIZE.to_s
+        }
+
+        [ 200, headers, [ render_icons(@page_icons) ] ]
+      end
+
+      # Render the shared icons partial for a list of icons. `-%>` trim keeps the
+      # output empty (not whitespace) when there are no icons, so the browser can
+      # detect "no results".
+      def render_icons(icons)
+        template_path = File.expand_path("web/views/icons.html.erb", __dir__)
+        ERB.new(File.read(template_path), trim_mode: "-").result(binding)
+      end
+
+      # Build a URL to the gallery selecting the given library, carrying the
+      # current search query along. `library_name` of nil selects "All".
+      def library_url(library_name)
+        params = { "library" => library_name || ALL_LIBRARIES }
+        params["search"] = @search_query unless @search_query.empty?
+        url(params)
+      end
+
+      # Build a static asset URL, honouring any SCRIPT_NAME mount prefix.
+      def asset_url(path)
+        [ @request.env["SCRIPT_NAME"], path ].join.gsub(%r{/+}, "/")
+      end
+
+      private
+
+      def url(params)
+        base = @request.env["SCRIPT_NAME"].to_s
+        base = "/" if base.empty?
+        "#{base}?#{Rack::Utils.build_query(params)}"
       end
     end
   end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: unmagic-icon
 version: !ruby/object:Gem::Version
-  version: 0.1.0
+  version: 0.2.0
 platform: ruby
 authors:
 - Keith Pitt
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2026-06-21 00:00:00.000000000 Z
+date: 2026-06-22 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: activesupport
@@ -101,17 +101,24 @@ files:
 - lib/unmagic/icon/library.rb
 - lib/unmagic/icon/library/registry.rb
 - lib/unmagic/icon/library/source.rb
+- lib/unmagic/icon/library/source/bootstrap_icons.rb
+- lib/unmagic/icon/library/source/coloured_icons.rb
 - lib/unmagic/icon/library/source/devicons.rb
 - lib/unmagic/icon/library/source/feather.rb
 - lib/unmagic/icon/library/source/heroicons.rb
+- lib/unmagic/icon/library/source/iconoir.rb
 - lib/unmagic/icon/library/source/lucide.rb
+- lib/unmagic/icon/library/source/material_design_icons.rb
 - lib/unmagic/icon/library/source/material_file_icons.rb
+- lib/unmagic/icon/library/source/octicons.rb
+- lib/unmagic/icon/library/source/phosphor.rb
 - lib/unmagic/icon/library/source/silk.rb
 - lib/unmagic/icon/library/source/simple_icons.rb
 - lib/unmagic/icon/library/source/tabler.rb
 - lib/unmagic/icon/version.rb
 - lib/unmagic/icon/web.rb
 - lib/unmagic/icon/web/public/favicon.png
+- lib/unmagic/icon/web/views/icons.html.erb
 - lib/unmagic/icon/web/views/layout.html.erb
 - lib/unmagic_icon.rb
 homepage: https://github.com/unreasonable-magic/unmagic-icon