navigation.yml

/icons/:
  title: Icons
  children:
    ./icon-basics.html: Icon Basics
    ./icon-set-basics.html: Icon Set Basics
    ./icon-data.html:
      title: Icon Data
      children:
        ./all.html: All Icons
        ./collections.html: Icon Sets List
        ./json.html: Individual Icon Sets
        ./icons.html: Individual Icons
    ./custom.html: Custom Icon Sets
/usage/:
  title: Usage
  children:
    ./css/:
      title: SVG in CSS
      children:
        ./no-code/: No Code
        # ./#tools:
        #   title: 'JavaScript'
        #   separator: true
        #   clickable: false
        ./utils/: Iconify Utils
        ./tailwind/:
          title: Tailwind CSS
          children:
            ./options.html: Plugin Options
            ./clean.html: Clean Class Names
        ./unocss/: UnoCSS
    ./svg/:
      title: SVG in HTML
      children:
        ./no-code/: No Code
        # ./#tools:
        #   title: 'JavaScript'
        #   separator: true
        #   clickable: false
        ./utils/: Iconify Utils
        ./unplugin/: Unplugin Icons
        ./astro/: Astro Icon
    /icon-components/:
      title: Icons on Demand
      children:
        /iconify-icon/:
          title: Web Component
          children:
            # Wrappers
            ./index.html#wrappers:
              title: Wrappers for
              separator: true
              clickable: false
            ./react.html: React
            ./solid.html: Solid
            # Properties
            ./index.html#attributes:
              title: Attributes
              separator: true
              clickable: false
            ./color.html: Icon Color
            ./dimensions.html: Icon Dimensions
            ./transform.html: Transformations
            ./inline.html: Vertical Alignment
            ./modes.html: Rendering Modes
            ./without-api.html:
              title: Use Without API
              separator: true
            ./index.html#functions:
              title: Functions
              separator: true
              clickable: false
            # Getting icons
            ./icon-exists.html: iconExists()
            ./list-icons.html: listIcons()
            ./get-icon.html: getIcon()
            # Adding icons
            ./add-icon.html: addIcon()
            ./add-collection.html: addCollection()
            # API
            ./load-icons.html: loadIcons()
            ./load-icon.html: loadIcon()
            ./enable-cache.html: enableCache()
            ./disable-cache.html: disableCache()
            # Rendering icons
            ./build-icon.html: buildIcon()
            # Internal
            ./set-fetch.html: setFetch()
        ./svg-framework/:
          title: SVG Framework
          children:
            ./color.html: Icon Color
            ./dimensions.html: Icon Dimensions
            ./transform.html: Transformations
            ./inline.html: Vertical Alignment
            ./without-api.html:
              title: No API
              hidden: true
            ./functions.html:
              title: Functions
              children:
                # Getting icons
                ./icon-exists.html: iconExists()
                ./list-icons.html: listIcons()
                ./get-icon.html: getIcon()
                # Adding icons
                ./add-icon.html:
                  title: addIcon()
                  separator: true
                ./add-collection.html: addCollection()
                # Rendering icons
                ./render-svg.html:
                  title: renderSVG()
                  separator: true
                ./render-html.html: renderHTML()
                ./render-icon.html: renderIcon()
                ./replace-ids.html: replaceIDs()
                ./build-icon.html: buildIcon()
                # Observer
                ./scan.html:
                  title: scan()
                  separator: true
                ./observe.html: observe()
                ./stop-observing.html: stopObserving()
                ./pause-observer.html: pauseObserver()
                ./resume-observer.html: resumeObserver()
                # API
                ./load-icons.html:
                  title: loadIcons()
                  separator: true
                ./load-icon.html: loadIcon()
                ./enable-cache.html: enableCache()
                ./disable-cache.html: disableCache()
                # Internal
                ./set-fetch.html: setFetch()
            ./optimizations.html:
              title: Optimizations
        ./iconify1/:
          title: SVG Framework 1.0
          hidden: true
          children:
            ./inline-vs-block.html: Inline and Block Modes
            ./custom-dimensions.html: Dimensions and Alignment
            ./transformations.html: Transformations
            ./without-api.html: No API
            ./icon-aliases.html: Icon Aliases
            ./rtl-support.html: RTL Support
            ./functions.html: Iconify Functions
            ./svg-data.html:
              title: Getting SVG Data
              hidden: true
        ./react/:
          title: React
          children:
            ./color.html: Icon Color
            ./dimensions.html: Icon Dimensions
            ./transform.html: Transformations
            ./inline.html: Vertical Alignment
            ./offline.html:
              title: Offline Use
              hidden: true
            ./functions.html:
              title: Functions
              separator: true
              clickable: false
            # Getting icons
            ./icon-exists.html: iconExists()
            ./list-icons.html: listIcons()
            ./get-icon.html: getIcon()
            # Adding icons
            ./add-icon.html: addIcon()
            ./add-collection.html: addCollection()
            # API
            ./load-icons.html: loadIcons()
            ./load-icon.html: loadIcon()
            ./enable-cache.html: enableCache()
            ./disable-cache.html: disableCache()
            # Rendering icons
            ./build-icon.html: buildIcon()
            # Internal
            ./replace-ids.html: replaceIDs()
            ./set-fetch.html: setFetch()
        ./react-with-api/:
          title: React with API
          hidden: true
          children:
            ./color.html: Icon Color
            ./dimensions.html: Icon Dimensions
            ./transform.html: Transformations
            ./inline.html: Vertical Alignment
            ./functions.html:
              title: Functions
              separator: true
              clickable: false
            # Getting icons
            ./icon-exists.html: iconExists()
            ./list-icons.html: listIcons()
            ./get-icon.html: getIcon()
            # Adding icons
            ./add-icon.html: addIcon()
            ./add-collection.html: addCollection()
            # API
            ./load-icons.html: loadIcons()
            ./enable-cache.html: enableCache()
            ./disable-cache.html: disableCache()
            # Internal
            ./replace-ids.html: replaceIDs()
        ./vue/:
          title: Vue 3
          children:
            ./color.html: Icon Color
            ./dimensions.html: Icon Dimensions
            ./transform.html: Transformations
            ./inline.html: Vertical Alignment
            ./offline.html:
              title: Offline Use
              hidden: true
            ./functions.html:
              title: Functions
              separator: true
              clickable: false
            # Getting icons
            ./icon-exists.html: iconExists()
            ./list-icons.html: listIcons()
            ./get-icon.html: getIcon()
            # Adding icons
            ./add-icon.html: addIcon()
            ./add-collection.html: addCollection()
            # API
            ./load-icons.html: loadIcons()
            ./load-icon.html: loadIcon()
            ./enable-cache.html: enableCache()
            ./disable-cache.html: disableCache()
            # Rendering icons
            ./build-icon.html: buildIcon()
            # Internal
            ./replace-ids.html: replaceIDs()
            ./set-fetch.html: setFetch()
        ./vue2/:
          title: Vue 2
          children:
            ./color.html: Icon Color
            ./dimensions.html: Icon Dimensions
            ./transform.html: Transformations
            ./inline.html: Vertical Alignment
            ./offline.html:
              title: Offline Use
              hidden: true
            ./functions.html:
              title: Functions
              separator: true
              clickable: false
            # Getting icons
            ./icon-exists.html: iconExists()
            ./list-icons.html: listIcons()
            ./get-icon.html: getIcon()
            # Adding icons
            ./add-icon.html: addIcon()
            ./add-collection.html: addCollection()
            # API
            ./load-icons.html: loadIcons()
            ./load-icon.html: loadIcon()
            ./enable-cache.html: enableCache()
            ./disable-cache.html: disableCache()
            # Rendering icons
            ./build-icon.html: buildIcon()
            # Internal
            ./replace-ids.html: replaceIDs()
            ./set-fetch.html: setFetch()
        ./svelte/:
          title: Svelte
          children:
            ./color.html: Icon Color
            ./dimensions.html: Icon Dimensions
            ./transform.html: Transformations
            ./inline.html: Vertical Alignment
            ./offline.html:
              title: Offline Use
              hidden: true
            ./functions.html:
              title: Functions
              separator: true
              clickable: false
            # Getting icons
            ./icon-exists.html: iconExists()
            ./list-icons.html: listIcons()
            ./get-icon.html: getIcon()
            # Adding icons
            ./add-icon.html: addIcon()
            ./add-collection.html: addCollection()
            # API
            ./load-icons.html: loadIcons()
            ./load-icon.html: loadIcon()
            ./enable-cache.html: enableCache()
            ./disable-cache.html: disableCache()
            # Rendering icons
            ./build-icon.html: buildIcon()
            # Internal
            ./replace-ids.html: replaceIDs()
            ./set-fetch.html: setFetch()
        ./ember/:
          title: Ember
          children:
            ./color.html: Icon Color
            ./dimensions.html: Icon Dimensions
            ./transform.html: Transformations
            ./inline.html: Vertical Alignment
            ./offline.html:
              title: Offline Use
              hidden: true
            ./functions.html:
              title: Functions
              separator: true
              clickable: false
            # Getting icons
            ./icon-exists.html: iconExists()
            ./list-icons.html: listIcons()
            ./get-icon.html: getIcon()
            # Adding icons
            ./add-icon.html: addIcon()
            ./add-collection.html: addCollection()
            # API
            ./load-icons.html: loadIcons()
            ./load-icon.html: loadIcon()
            ./enable-cache.html: enableCache()
            ./disable-cache.html: disableCache()
            # Rendering icons
            ./build-icon.html: buildIcon()
            # Internal
            ./replace-ids.html: replaceIDs()
            ./set-fetch.html: setFetch()
        ./bundles/:
          title: Icon Bundles
          separator: true
          children:
            ./wrapper.html: Wrapper Function
            ./api.html: Using Iconify API
            ./utils.html: Using Iconify Utils
            ./json-tools.html: Using JSON Tools
            ./examples/:
              title: Examples
            ./#usage:
              title: Usage
              separator: true
              clickable: false
            ./svg-framework.html: SVG Framework
            ./react.html: React
            ./vue.html: Vue 3
            ./vue2.html: Vue 2
            ./svelte.html: Svelte
            ./ember.html: Ember
    /design/:
      title: UI Design
      headline: One icon plugin to replace them all.
      children:
        ./figma/:
          title: Figma Plugin
        ./sketch/:
          title: Sketch Plugin
/tools/:
  title: Libraries
  children:
    /types/:
      title: Iconify Types
      children:
        ./iconify-icon.html: IconifyIcon
        ./iconify-json.html:
          title: IconifyJSON
          children:
            ./iconify-json-metadata.html: Metadata
            ./iconify-alias.html: IconifyAlias
        ./iconify-info.html: IconifyInfo
    ./node/:
      title: Iconify Tools v1
      hidden: true
      children:
        ./import.html: Importing Icons
        ./export.html: Exporting Icons
        ./manipulation.html: Manipulating Icons
        ./examples.html:
          title: Examples
          children:
            ./import-mdi.html: Import MDI
            ./import-fa-pro.html: FontAwesome Pro
            ./import-font.html: Import Icon Font
            ./bundle.html: Icons Bundle
    ./tools2/:
      title: Iconify Tools
      children:
        ./svg/: SVG Class
        ./icon-set/:
          title: IconSet Class
          children:
            ./functions.html#icons:
              title: Icons
              separator: true
              clickable: false
            ./list.html: list()
            ./for-each.html: forEach()
            ./exists.html: exists()
            ./count.html: count()
            ./remove.html: remove()
            ./rename.html: rename()
            ./set-item.html: setItem()
            ./set-icon.html: setIcon()
            ./set-variation.html: setVariation()
            ./set-alias.html: setAlias()
            ./get-tree.html: getTree()
            ./entries.html: entries
            ./functions.html#import:
              title: Importing/Exporting
              separator: true
              clickable: false
            ./prefix.html: prefix
            ./resolve.html: resolve()
            ./load.html: load()
            ./export.html: export()
            ./to-svg.html: toSVG()
            ./from-svg.html: fromSVG()
            ./to-string.html: toString()
            ./functions.html#metadata:
              title: Metadata
              separator: true
              clickable: false
            ./info.html: info
            ./chars.html: chars()
            ./toggle-character.html: toggleCharacter()
            ./list-category.html: listCategory()
            ./toggle-category.html: toggleCategory()
            ./categories.html: categories
            ./check-theme.html: checkTheme()
            ./themes.html: suffixes/prefixes
            ./functions.html#other:
              title: Other
              separator: true
              clickable: false
            ./merge.html: mergeIconSets()
        ./icon/cleanup.html: Cleanup/Validation
        ./icon/:
          title: Icon Manipulation
          children:
            ./svgo.html: runSVGO()
            ./colors.html: parseColors()
            ./paths.html: deOptimisePaths()
            ./scale.html: scaleSVG()
        ./import/:
          title: Import
          children:
            ./json.html: IconifyJSON
            ./svg.html: Single SVG
            ./directory.html: Directory
            ./figma/: Figma
        ./export/:
          title: Export
          children:
            ./json.html: IconifyJSON
            ./svg.html: Single SVG
            ./directory.html: Directory
            ./icon-package.html: Icon Package
            ./json-package.html: IconifyJSON Package
        ./package/:
          title: Managing Packages
          children:
            ./#download:
              title: Download Packages
              separator: true
              clickable: false
            ./git.html: Git Repository
            ./github.html: GitHub API
            ./gitlab.html: GitLab API
            ./npm.html: NPM Package
            ./#versions:
              title: Versions
              separator: true
              clickable: false
            ./bump-version.html: Increase Version
            ./npm-version.html: NPM Version
            ./package-version.html: Package Version
            ./git-repo-hash.html: Git Repo Hash
            ./github-commit.html: GitHub Last Commit
            ./gitlab-commit.html: GitLab Last Commit
            ./#misc:
              title: Other
              separator: true
              clickable: false
            ./compare.html: Compare Directories
            ./api-query.html: Send API Query
            ./download-file.html: Download File
        ./examples/:
          title: Examples
          children:
            ./import-mdi.html: Import MDI
            ./import-fa-pro.html: FontAwesome Pro
        ./tags.html: Import Limitations
    ./utils/:
      title: Iconify Utils
      children:
        ./examples/: Examples
        ./functions.html:
          title: Icon Sets
          separator: true
          clickable: false
        ./validate-icon-set.html: validateIconSet()
        ./quickly-validate-icon-set.html: quicklyValidateIconSet()
        ./get-icons.html: getIcons()
        ./get-icon-data.html: getIconData()
        ./minify-icon-set.html: minifyIconSet()
        ./expand-icon-set.html: expandIconSet()
        ./convert-info.html: convertIconSetInfo()
        ./parse-icon-set.html: parseIconSet()
        ./functions.html#icon:
          title: Icon
          separator: true
          clickable: false
        ./merge-icon-data.html: mergeIconData()
        ./default-icon-props.html: defaultIconProps
        ./functions.html#customisations:
          title: Customisations
          separator: true
          clickable: false
        ./merge-customisations.html: mergeCustomisations()
        ./default-icon-customisations.html: defaultIconCustomisations
        ./to-boolean.html: toBoolean()
        ./rotate-from-string.html: rotateFromString()
        ./flip-from-string.html: flipFromString()
        ./functions.html#svg:
          title: SVG
          separator: true
          clickable: false
        ./icon-to-svg.html: iconToSVG()
        ./icon-to-html.html: iconToHTML()
        ./calculate-size.html: calculateSize()
        ./replace-ids.html: replaceIDs()
        ./functions.html#css:
          title: CSS
          separator: true
          clickable: false
        ./get-icon-css.html: getIconCSS()
        ./get-icons-css.html: getIconsCSS()
        ./functions.html#icon-name:
          title: Icon Name
          separator: true
          clickable: false
        ./match-name.html: matchName
        ./string-to-icon.html: stringToIcon()
        ./validate-icon.html: validateIconName()
        ./functions.html#colors:
          title: Colors
          separator: true
          clickable: false
        ./string-to-color.html: stringToColor()
        ./compare-colors.html: compareColors()
        ./color-to-string.html: colorToString()
    ./json/:
      title: Iconify JSON Tools
      hidden: true
      children:
        ./collection.html: Collection Class
        ./svg.html: SVG Class
        ./export.html: Export Icons
/api/:
  title: API
  children:
    ./queries.html:
      title: API Queries
      children:
        ./svg.html: Generate SVG
        ./css.html: Generate CSS
        ./icon-data.html: Icon Data
        ./last-modified.html: Last Modified
        ./collections.html: List of Icon Sets
        ./collection.html: List of Icons
        ./search.html: Search Icons
        ./keywords.html: Keywords
        ./version.html: API Version
    ./hosting.html:
      title: Hosting API
      children:
        ./hosting-php/:
          title: PHP API
          hidden: true
        ./hosting-js/:
          title: Node.js API
          children:
            ./config.html: Configuration
            ./headers.html: HTTP Headers
    ./providers.html:
      title: API Providers
    ./config.html:
      title: Components Config
/articles/:
  title: Articles
  hidden: true
  children:
    ./add-icon-set/: Add Icon Set to Iconify
    ./cleaning-up-icons/:
      title: Cleaning Up Icons
      children:
        ./cleanup.html: Code Cleanup
        ./validate.html: Validating SVG
        ./palette.html: Icon Palette
        ./optimise.html: Optimisation
    ./svg-animation-issues/: SVG Animation Issues
    ./vendor-lock-in.html: Vendor Lock-in and Icons