phlex-icons-hero 0.9.0

data/generators/hero.rb

@@ -0,0 +1,63 @@
+# frozen_string_literal: true
+
+require_relative 'helper'
+
+REPO_URL = 'https://github.com/tailwindlabs/heroicons.git'
+REPO_NAME = 'tailwindlabs-heroicons'
+ICONS_PACK_PATH = 'lib/phlex/icons/hero'
+
+TEMPLATE = ERB.new <<~TEMPLATE
+  # frozen_string_literal: true
+
+  # rubocop:disable #{ROBOCOP_DISABLE_WARNINGS}
+  module Phlex
+    module Icons
+      module Hero
+        class <%= icon_name %> < Base
+          def solid
+            <%= solid_icon %>
+          end
+
+          def outline
+            <%= outline_icon %>
+          end
+        end
+      end
+    end
+  end
+  # rubocop:enable #{ROBOCOP_DISABLE_WARNINGS}
+TEMPLATE
+
+def main
+  run_generator { icon_file_names.tqdm.each { create_icon_component(_1) } }
+end
+
+def icon_file_names
+  Dir.glob("generators/#{REPO_NAME}/optimized/24/solid/*").map { |file| File.basename(file) }
+end
+
+def create_icon_component(icon_file_name)
+  File.write(
+    File.join(ICONS_PACK_PATH, component_file_name(icon_file_name)),
+    TEMPLATE.result_with_hash(
+      icon_name: component_class_name(icon_file_name),
+      solid_icon: read_and_convert_icon(solid_icon_file_path(icon_file_name)),
+      outline_icon: read_and_convert_icon(outline_icon_file_path(icon_file_name))
+    )
+  )
+end
+
+def read_and_convert_icon(icon_file_path)
+  icon_file_content = File.read(icon_file_path)
+  Phlexing::Converter.convert(icon_file_content).sub('svg(', "svg(\nclass: classes,")
+end
+
+def solid_icon_file_path(icon_file_name)
+  "generators/#{REPO_NAME}/optimized/24/solid/#{icon_file_name}"
+end
+
+def outline_icon_file_path(icon_file_name)
+  "generators/#{REPO_NAME}/optimized/24/outline/#{icon_file_name}"
+end
+
+main if __FILE__ == $PROGRAM_NAME

data/generators/lucide.rb

@@ -0,0 +1,54 @@
+# frozen_string_literal: true
+
+require_relative 'helper'
+
+REPO_URL = 'https://github.com/lucide-icons/lucide.git'
+REPO_NAME = 'lucide-icons-lucide'
+ICONS_PACK_PATH = 'lib/phlex/icons/lucide'
+
+TEMPLATE = ERB.new <<~TEMPLATE
+  # frozen_string_literal: true
+
+  # rubocop:disable #{ROBOCOP_DISABLE_WARNINGS}
+  module Phlex
+    module Icons
+      module Lucide
+        class <%= icon_name %> < Base
+          def view_template
+            <%= icon %>
+          end
+        end
+      end
+    end
+  end
+  # rubocop:enable #{ROBOCOP_DISABLE_WARNINGS}
+TEMPLATE
+
+def main
+  run_generator { icon_file_paths.tqdm.each { create_icon_component(_1) } }
+end
+
+def icon_file_paths
+  Dir.glob("generators/#{REPO_NAME}/icons/*.svg")
+end
+
+def create_icon_component(icon_file_path)
+  File.write(
+    File.join(ICONS_PACK_PATH, component_file_name(icon_file_path)),
+    TEMPLATE.result_with_hash(
+      icon_name: component_class_name(icon_file_path),
+      icon: read_and_convert_icon(icon_file_path)
+    )
+  )
+end
+
+def read_and_convert_icon(icon_file_path)
+  icon_file_content = File.read(icon_file_path)
+                          .sub('width="24"', '')
+                          .sub('height="24"', '')
+
+  Phlexing::Converter.convert(icon_file_content)
+                     .sub('svg(', "svg(\nclass: classes,")
+end
+
+main if __FILE__ == $PROGRAM_NAME

data/generators/radix.rb

@@ -0,0 +1,54 @@
+# frozen_string_literal: true
+
+require_relative 'helper'
+
+REPO_URL = 'https://github.com/radix-ui/icons'
+REPO_NAME = 'radix-ui-icons'
+ICONS_PACK_PATH = 'lib/phlex/icons/radix'
+
+TEMPLATE = ERB.new <<~TEMPLATE
+  # frozen_string_literal: true
+
+  # rubocop:disable #{ROBOCOP_DISABLE_WARNINGS}
+  module Phlex
+    module Icons
+      module Radix
+        class <%= icon_name %> < Base
+          def view_template
+            <%= icon %>
+          end
+        end
+      end
+    end
+  end
+  # rubocop:enable #{ROBOCOP_DISABLE_WARNINGS}
+TEMPLATE
+
+def main
+  run_generator { icon_file_paths.tqdm.each { create_icon_component(_1) } }
+end
+
+def icon_file_paths
+  Dir.glob("generators/#{REPO_NAME}/packages/radix-icons/icons/*.svg")
+end
+
+def create_icon_component(icon_file_path)
+  File.write(
+    File.join(ICONS_PACK_PATH, component_file_name(icon_file_path)),
+    TEMPLATE.result_with_hash(
+      icon_name: component_class_name(icon_file_path),
+      icon: read_and_convert_icon(icon_file_path)
+    )
+  )
+end
+
+def read_and_convert_icon(icon_file_path)
+  icon_file_content = File.read(icon_file_path)
+                          .sub('width="15"', '')
+                          .sub('height="15"', '')
+
+  Phlexing::Converter.convert(icon_file_content)
+                     .sub('svg(', "svg(\nclass: classes,")
+end
+
+main if __FILE__ == $PROGRAM_NAME

data/generators/remix.rb

@@ -0,0 +1,57 @@
+# frozen_string_literal: true
+
+require_relative 'helper'
+
+REPO_URL = 'https://github.com/Remix-Design/RemixIcon.git'
+REPO_NAME = 'remix-design-remixicon'
+ICONS_PACK_PATH = 'lib/phlex/icons/remix'
+
+TEMPLATE = ERB.new <<~TEMPLATE
+  # frozen_string_literal: true
+
+  # rubocop:disable #{ROBOCOP_DISABLE_WARNINGS}
+  module Phlex
+    module Icons
+      module Remix
+        class <%= icon_name %> < Base
+          def view_template
+            <%= icon %>
+          end
+        end
+      end
+    end
+  end
+  # rubocop:enable #{ROBOCOP_DISABLE_WARNINGS}
+TEMPLATE
+
+REPLACEMENTS = {
+  '4k-' => 'four-k-',
+  '24-' => 'twenty-four-'
+}.freeze
+
+def main
+  run_generator { icon_file_paths.tqdm.each { create_icon_component(_1) } }
+end
+
+def icon_file_paths
+  Dir.glob("generators/#{REPO_NAME}/icons/**/*.svg")
+end
+
+def create_icon_component(icon_file_path)
+  File.write(
+    File.join(ICONS_PACK_PATH, component_file_name(icon_file_path, REPLACEMENTS)),
+    TEMPLATE.result_with_hash(
+      icon_name: component_class_name(icon_file_path, REPLACEMENTS),
+      icon: read_and_convert_icon(icon_file_path)
+    )
+  )
+end
+
+def read_and_convert_icon(icon_file_path)
+  icon_file_content = File.read(icon_file_path)
+
+  Phlexing::Converter.convert(icon_file_content)
+                     .sub('svg(', "svg(\nclass: classes,")
+end
+
+main if __FILE__ == $PROGRAM_NAME

data/lib/phlex/icons/base.rb

@@ -0,0 +1,19 @@
+# frozen_string_literal: true
+
+module Phlex
+  module Icons
+    class Base < Phlex::SVG
+      attr_reader :classes
+
+      def initialize(classes: Phlex::Icons.configuration.default_classes)
+        @classes = classes
+
+        super()
+      end
+
+      def view_template
+        send(variant) if respond_to?(variant)
+      end
+    end
+  end
+end

data/lib/phlex/icons/configuration.rb

@@ -0,0 +1,13 @@
+# frozen_string_literal: true
+
+module Phlex
+  module Icons
+    class Configuration
+      attr_accessor :default_variant, :default_classes
+
+      def initialize(default_classes: 'size-6')
+        @default_classes = default_classes
+      end
+    end
+  end
+end

data/lib/phlex/icons/hero/academic_cap.rb

@@ -0,0 +1,55 @@
+# frozen_string_literal: true
+
+# rubocop:disable Layout/LineLength
+module Phlex
+  module Icons
+    module Hero
+      class AcademicCap < Base
+        def solid
+          svg(
+            class: classes,
+            xmlns: 'http://www.w3.org/2000/svg',
+            viewbox: '0 0 24 24',
+            fill: 'currentColor',
+            aria_hidden: 'true',
+            data_slot: 'icon'
+          ) do |s|
+            s.path(
+              d:
+                'M11.7 2.805a.75.75 0 0 1 .6 0A60.65 60.65 0 0 1 22.83 8.72a.75.75 0 0 1-.231 1.337 49.948 49.948 0 0 0-9.902 3.912l-.003.002c-.114.06-.227.119-.34.18a.75.75 0 0 1-.707 0A50.88 50.88 0 0 0 7.5 12.173v-.224c0-.131.067-.248.172-.311a54.615 54.615 0 0 1 4.653-2.52.75.75 0 0 0-.65-1.352 56.123 56.123 0 0 0-4.78 2.589 1.858 1.858 0 0 0-.859 1.228 49.803 49.803 0 0 0-4.634-1.527.75.75 0 0 1-.231-1.337A60.653 60.653 0 0 1 11.7 2.805Z'
+            )
+            s.path(
+              d:
+                'M13.06 15.473a48.45 48.45 0 0 1 7.666-3.282c.134 1.414.22 2.843.255 4.284a.75.75 0 0 1-.46.711 47.87 47.87 0 0 0-8.105 4.342.75.75 0 0 1-.832 0 47.87 47.87 0 0 0-8.104-4.342.75.75 0 0 1-.461-.71c.035-1.442.121-2.87.255-4.286.921.304 1.83.634 2.726.99v1.27a1.5 1.5 0 0 0-.14 2.508c-.09.38-.222.753-.397 1.11.452.213.901.434 1.346.66a6.727 6.727 0 0 0 .551-1.607 1.5 1.5 0 0 0 .14-2.67v-.645a48.549 48.549 0 0 1 3.44 1.667 2.25 2.25 0 0 0 2.12 0Z'
+            )
+            s.path(
+              d:
+                'M4.462 19.462c.42-.419.753-.89 1-1.395.453.214.902.435 1.347.662a6.742 6.742 0 0 1-1.286 1.794.75.75 0 0 1-1.06-1.06Z'
+            )
+          end
+        end
+
+        def outline
+          svg(
+            class: classes,
+            xmlns: 'http://www.w3.org/2000/svg',
+            fill: 'none',
+            viewbox: '0 0 24 24',
+            stroke_width: '1.5',
+            stroke: 'currentColor',
+            aria_hidden: 'true',
+            data_slot: 'icon'
+          ) do |s|
+            s.path(
+              stroke_linecap: 'round',
+              stroke_linejoin: 'round',
+              d:
+                'M4.26 10.147a60.438 60.438 0 0 0-.491 6.347A48.62 48.62 0 0 1 12 20.904a48.62 48.62 0 0 1 8.232-4.41 60.46 60.46 0 0 0-.491-6.347m-15.482 0a50.636 50.636 0 0 0-2.658-.813A59.906 59.906 0 0 1 12 3.493a59.903 59.903 0 0 1 10.399 5.84c-.896.248-1.783.52-2.658.814m-15.482 0A50.717 50.717 0 0 1 12 13.489a50.702 50.702 0 0 1 7.74-3.342M6.75 15a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Zm0 0v-3.675A55.378 55.378 0 0 1 12 8.443m-7.007 11.55A5.981 5.981 0 0 0 6.75 15.75v-1.5'
+            )
+          end
+        end
+      end
+    end
+  end
+end
+# rubocop:enable Layout/LineLength

data/lib/phlex/icons/hero/adjustments_horizontal.rb

@@ -0,0 +1,47 @@
+# frozen_string_literal: true
+
+# rubocop:disable Layout/LineLength
+module Phlex
+  module Icons
+    module Hero
+      class AdjustmentsHorizontal < Base
+        def solid
+          svg(
+            class: classes,
+            xmlns: 'http://www.w3.org/2000/svg',
+            viewbox: '0 0 24 24',
+            fill: 'currentColor',
+            aria_hidden: 'true',
+            data_slot: 'icon'
+          ) do |s|
+            s.path(
+              d:
+                'M18.75 12.75h1.5a.75.75 0 0 0 0-1.5h-1.5a.75.75 0 0 0 0 1.5ZM12 6a.75.75 0 0 1 .75-.75h7.5a.75.75 0 0 1 0 1.5h-7.5A.75.75 0 0 1 12 6ZM12 18a.75.75 0 0 1 .75-.75h7.5a.75.75 0 0 1 0 1.5h-7.5A.75.75 0 0 1 12 18ZM3.75 6.75h1.5a.75.75 0 1 0 0-1.5h-1.5a.75.75 0 0 0 0 1.5ZM5.25 18.75h-1.5a.75.75 0 0 1 0-1.5h1.5a.75.75 0 0 1 0 1.5ZM3 12a.75.75 0 0 1 .75-.75h7.5a.75.75 0 0 1 0 1.5h-7.5A.75.75 0 0 1 3 12ZM9 3.75a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5ZM12.75 12a2.25 2.25 0 1 1 4.5 0 2.25 2.25 0 0 1-4.5 0ZM9 15.75a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5Z'
+            )
+          end
+        end
+
+        def outline
+          svg(
+            class: classes,
+            xmlns: 'http://www.w3.org/2000/svg',
+            fill: 'none',
+            viewbox: '0 0 24 24',
+            stroke_width: '1.5',
+            stroke: 'currentColor',
+            aria_hidden: 'true',
+            data_slot: 'icon'
+          ) do |s|
+            s.path(
+              stroke_linecap: 'round',
+              stroke_linejoin: 'round',
+              d:
+                'M10.5 6h9.75M10.5 6a1.5 1.5 0 1 1-3 0m3 0a1.5 1.5 0 1 0-3 0M3.75 6H7.5m3 12h9.75m-9.75 0a1.5 1.5 0 0 1-3 0m3 0a1.5 1.5 0 0 0-3 0m-3.75 0H7.5m9-6h3.75m-3.75 0a1.5 1.5 0 0 1-3 0m3 0a1.5 1.5 0 0 0-3 0m-9.75 0h9.75'
+            )
+          end
+        end
+      end
+    end
+  end
+end
+# rubocop:enable Layout/LineLength

data/lib/phlex/icons/hero/adjustments_vertical.rb

@@ -0,0 +1,47 @@
+# frozen_string_literal: true
+
+# rubocop:disable Layout/LineLength
+module Phlex
+  module Icons
+    module Hero
+      class AdjustmentsVertical < Base
+        def solid
+          svg(
+            class: classes,
+            xmlns: 'http://www.w3.org/2000/svg',
+            viewbox: '0 0 24 24',
+            fill: 'currentColor',
+            aria_hidden: 'true',
+            data_slot: 'icon'
+          ) do |s|
+            s.path(
+              d:
+                'M6 12a.75.75 0 0 1-.75-.75v-7.5a.75.75 0 1 1 1.5 0v7.5A.75.75 0 0 1 6 12ZM18 12a.75.75 0 0 1-.75-.75v-7.5a.75.75 0 0 1 1.5 0v7.5A.75.75 0 0 1 18 12ZM6.75 20.25v-1.5a.75.75 0 0 0-1.5 0v1.5a.75.75 0 0 0 1.5 0ZM18.75 18.75v1.5a.75.75 0 0 1-1.5 0v-1.5a.75.75 0 0 1 1.5 0ZM12.75 5.25v-1.5a.75.75 0 0 0-1.5 0v1.5a.75.75 0 0 0 1.5 0ZM12 21a.75.75 0 0 1-.75-.75v-7.5a.75.75 0 0 1 1.5 0v7.5A.75.75 0 0 1 12 21ZM3.75 15a2.25 2.25 0 1 0 4.5 0 2.25 2.25 0 0 0-4.5 0ZM12 11.25a2.25 2.25 0 1 1 0-4.5 2.25 2.25 0 0 1 0 4.5ZM15.75 15a2.25 2.25 0 1 0 4.5 0 2.25 2.25 0 0 0-4.5 0Z'
+            )
+          end
+        end
+
+        def outline
+          svg(
+            class: classes,
+            xmlns: 'http://www.w3.org/2000/svg',
+            fill: 'none',
+            viewbox: '0 0 24 24',
+            stroke_width: '1.5',
+            stroke: 'currentColor',
+            aria_hidden: 'true',
+            data_slot: 'icon'
+          ) do |s|
+            s.path(
+              stroke_linecap: 'round',
+              stroke_linejoin: 'round',
+              d:
+                'M6 13.5V3.75m0 9.75a1.5 1.5 0 0 1 0 3m0-3a1.5 1.5 0 0 0 0 3m0 3.75V16.5m12-3V3.75m0 9.75a1.5 1.5 0 0 1 0 3m0-3a1.5 1.5 0 0 0 0 3m0 3.75V16.5m-6-9V3.75m0 3.75a1.5 1.5 0 0 1 0 3m0-3a1.5 1.5 0 0 0 0 3m0 9.75V10.5'
+            )
+          end
+        end
+      end
+    end
+  end
+end
+# rubocop:enable Layout/LineLength

data/lib/phlex/icons/hero/archive_box.rb

@@ -0,0 +1,53 @@
+# frozen_string_literal: true
+
+# rubocop:disable Layout/LineLength
+module Phlex
+  module Icons
+    module Hero
+      class ArchiveBox < Base
+        def solid
+          svg(
+            class: classes,
+            xmlns: 'http://www.w3.org/2000/svg',
+            viewbox: '0 0 24 24',
+            fill: 'currentColor',
+            aria_hidden: 'true',
+            data_slot: 'icon'
+          ) do |s|
+            s.path(
+              d:
+                'M3.375 3C2.339 3 1.5 3.84 1.5 4.875v.75c0 1.036.84 1.875 1.875 1.875h17.25c1.035 0 1.875-.84 1.875-1.875v-.75C22.5 3.839 21.66 3 20.625 3H3.375Z'
+            )
+            s.path(
+              fill_rule: 'evenodd',
+              d:
+                'm3.087 9 .54 9.176A3 3 0 0 0 6.62 21h10.757a3 3 0 0 0 2.995-2.824L20.913 9H3.087Zm6.163 3.75A.75.75 0 0 1 10 12h4a.75.75 0 0 1 0 1.5h-4a.75.75 0 0 1-.75-.75Z',
+              clip_rule: 'evenodd'
+            )
+          end
+        end
+
+        def outline
+          svg(
+            class: classes,
+            xmlns: 'http://www.w3.org/2000/svg',
+            fill: 'none',
+            viewbox: '0 0 24 24',
+            stroke_width: '1.5',
+            stroke: 'currentColor',
+            aria_hidden: 'true',
+            data_slot: 'icon'
+          ) do |s|
+            s.path(
+              stroke_linecap: 'round',
+              stroke_linejoin: 'round',
+              d:
+                'm20.25 7.5-.625 10.632a2.25 2.25 0 0 1-2.247 2.118H6.622a2.25 2.25 0 0 1-2.247-2.118L3.75 7.5M10 11.25h4M3.375 7.5h17.25c.621 0 1.125-.504 1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125H3.375c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125Z'
+            )
+          end
+        end
+      end
+    end
+  end
+end
+# rubocop:enable Layout/LineLength

data/lib/phlex/icons/hero/archive_box_arrow_down.rb

@@ -0,0 +1,53 @@
+# frozen_string_literal: true
+
+# rubocop:disable Layout/LineLength
+module Phlex
+  module Icons
+    module Hero
+      class ArchiveBoxArrowDown < Base
+        def solid
+          svg(
+            class: classes,
+            xmlns: 'http://www.w3.org/2000/svg',
+            viewbox: '0 0 24 24',
+            fill: 'currentColor',
+            aria_hidden: 'true',
+            data_slot: 'icon'
+          ) do |s|
+            s.path(
+              d:
+                'M3.375 3C2.339 3 1.5 3.84 1.5 4.875v.75c0 1.036.84 1.875 1.875 1.875h17.25c1.035 0 1.875-.84 1.875-1.875v-.75C22.5 3.839 21.66 3 20.625 3H3.375Z'
+            )
+            s.path(
+              fill_rule: 'evenodd',
+              d:
+                'm3.087 9 .54 9.176A3 3 0 0 0 6.62 21h10.757a3 3 0 0 0 2.995-2.824L20.913 9H3.087ZM12 10.5a.75.75 0 0 1 .75.75v4.94l1.72-1.72a.75.75 0 1 1 1.06 1.06l-3 3a.75.75 0 0 1-1.06 0l-3-3a.75.75 0 1 1 1.06-1.06l1.72 1.72v-4.94a.75.75 0 0 1 .75-.75Z',
+              clip_rule: 'evenodd'
+            )
+          end
+        end
+
+        def outline
+          svg(
+            class: classes,
+            xmlns: 'http://www.w3.org/2000/svg',
+            fill: 'none',
+            viewbox: '0 0 24 24',
+            stroke_width: '1.5',
+            stroke: 'currentColor',
+            aria_hidden: 'true',
+            data_slot: 'icon'
+          ) do |s|
+            s.path(
+              stroke_linecap: 'round',
+              stroke_linejoin: 'round',
+              d:
+                'm20.25 7.5-.625 10.632a2.25 2.25 0 0 1-2.247 2.118H6.622a2.25 2.25 0 0 1-2.247-2.118L3.75 7.5m8.25 3v6.75m0 0-3-3m3 3 3-3M3.375 7.5h17.25c.621 0 1.125-.504 1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125H3.375c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125Z'
+            )
+          end
+        end
+      end
+    end
+  end
+end
+# rubocop:enable Layout/LineLength

data/lib/phlex/icons/hero/archive_box_x_mark.rb

@@ -0,0 +1,53 @@
+# frozen_string_literal: true
+
+# rubocop:disable Layout/LineLength
+module Phlex
+  module Icons
+    module Hero
+      class ArchiveBoxXMark < Base
+        def solid
+          svg(
+            class: classes,
+            xmlns: 'http://www.w3.org/2000/svg',
+            viewbox: '0 0 24 24',
+            fill: 'currentColor',
+            aria_hidden: 'true',
+            data_slot: 'icon'
+          ) do |s|
+            s.path(
+              d:
+                'M3.375 3C2.339 3 1.5 3.84 1.5 4.875v.75c0 1.036.84 1.875 1.875 1.875h17.25c1.035 0 1.875-.84 1.875-1.875v-.75C22.5 3.839 21.66 3 20.625 3H3.375Z'
+            )
+            s.path(
+              fill_rule: 'evenodd',
+              d:
+                'm3.087 9 .54 9.176A3 3 0 0 0 6.62 21h10.757a3 3 0 0 0 2.995-2.824L20.913 9H3.087Zm6.133 2.845a.75.75 0 0 1 1.06 0l1.72 1.72 1.72-1.72a.75.75 0 1 1 1.06 1.06l-1.72 1.72 1.72 1.72a.75.75 0 1 1-1.06 1.06L12 15.685l-1.72 1.72a.75.75 0 1 1-1.06-1.06l1.72-1.72-1.72-1.72a.75.75 0 0 1 0-1.06Z',
+              clip_rule: 'evenodd'
+            )
+          end
+        end
+
+        def outline
+          svg(
+            class: classes,
+            xmlns: 'http://www.w3.org/2000/svg',
+            fill: 'none',
+            viewbox: '0 0 24 24',
+            stroke_width: '1.5',
+            stroke: 'currentColor',
+            aria_hidden: 'true',
+            data_slot: 'icon'
+          ) do |s|
+            s.path(
+              stroke_linecap: 'round',
+              stroke_linejoin: 'round',
+              d:
+                'm20.25 7.5-.625 10.632a2.25 2.25 0 0 1-2.247 2.118H6.622a2.25 2.25 0 0 1-2.247-2.118L3.75 7.5m6 4.125 2.25 2.25m0 0 2.25 2.25M12 13.875l2.25-2.25M12 13.875l-2.25 2.25M3.375 7.5h17.25c.621 0 1.125-.504 1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125H3.375c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125Z'
+            )
+          end
+        end
+      end
+    end
+  end
+end
+# rubocop:enable Layout/LineLength

data/lib/phlex/icons/hero/arrow_down.rb

@@ -0,0 +1,48 @@
+# frozen_string_literal: true
+
+# rubocop:disable Layout/LineLength
+module Phlex
+  module Icons
+    module Hero
+      class ArrowDown < Base
+        def solid
+          svg(
+            class: classes,
+            xmlns: 'http://www.w3.org/2000/svg',
+            viewbox: '0 0 24 24',
+            fill: 'currentColor',
+            aria_hidden: 'true',
+            data_slot: 'icon'
+          ) do |s|
+            s.path(
+              fill_rule: 'evenodd',
+              d:
+                'M12 2.25a.75.75 0 0 1 .75.75v16.19l6.22-6.22a.75.75 0 1 1 1.06 1.06l-7.5 7.5a.75.75 0 0 1-1.06 0l-7.5-7.5a.75.75 0 1 1 1.06-1.06l6.22 6.22V3a.75.75 0 0 1 .75-.75Z',
+              clip_rule: 'evenodd'
+            )
+          end
+        end
+
+        def outline
+          svg(
+            class: classes,
+            xmlns: 'http://www.w3.org/2000/svg',
+            fill: 'none',
+            viewbox: '0 0 24 24',
+            stroke_width: '1.5',
+            stroke: 'currentColor',
+            aria_hidden: 'true',
+            data_slot: 'icon'
+          ) do |s|
+            s.path(
+              stroke_linecap: 'round',
+              stroke_linejoin: 'round',
+              d: 'M19.5 13.5 12 21m0 0-7.5-7.5M12 21V3'
+            )
+          end
+        end
+      end
+    end
+  end
+end
+# rubocop:enable Layout/LineLength

data/lib/phlex/icons/hero/arrow_down_circle.rb

@@ -0,0 +1,48 @@
+# frozen_string_literal: true
+
+# rubocop:disable Layout/LineLength
+module Phlex
+  module Icons
+    module Hero
+      class ArrowDownCircle < Base
+        def solid
+          svg(
+            class: classes,
+            xmlns: 'http://www.w3.org/2000/svg',
+            viewbox: '0 0 24 24',
+            fill: 'currentColor',
+            aria_hidden: 'true',
+            data_slot: 'icon'
+          ) do |s|
+            s.path(
+              fill_rule: 'evenodd',
+              d:
+                'M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25Zm-.53 14.03a.75.75 0 0 0 1.06 0l3-3a.75.75 0 1 0-1.06-1.06l-1.72 1.72V8.25a.75.75 0 0 0-1.5 0v5.69l-1.72-1.72a.75.75 0 0 0-1.06 1.06l3 3Z',
+              clip_rule: 'evenodd'
+            )
+          end
+        end
+
+        def outline
+          svg(
+            class: classes,
+            xmlns: 'http://www.w3.org/2000/svg',
+            fill: 'none',
+            viewbox: '0 0 24 24',
+            stroke_width: '1.5',
+            stroke: 'currentColor',
+            aria_hidden: 'true',
+            data_slot: 'icon'
+          ) do |s|
+            s.path(
+              stroke_linecap: 'round',
+              stroke_linejoin: 'round',
+              d: 'm9 12.75 3 3m0 0 3-3m-3 3v-7.5M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z'
+            )
+          end
+        end
+      end
+    end
+  end
+end
+# rubocop:enable Layout/LineLength