build-icon

title: "Iconify Icon Web Component Function: buildIcon"
types:
  IconifyIcon: "../types/iconify-icon.md"
functions:
  getIcon: "./get-icon.md"
  loadIcon: "./load-icon.md"
  iconExists: "./icon-exists.md"
  iconLoaded: "./icon-exists.md"

Web component function: buildIcon

This tutorial is part of Iconify Icon web component tutorial.

include icon-components/functions/build-icon/intro-component

Usage

include icon-components/functions/build-icon/usage

Result

include icon-components/functions/build-icon/result

Customizations

Second parameter is optional icon customizations. Available customizations:

include icon-components/customisations

For more details about dimensions see icon dimensions documentation.

For more details about transformations see icon transformations documentation.

Example

src: icon-components/common/build-icon.js
replacements:
  - search: "@iconify/svelte"
    replace: "iconify-icon"
extra:
  - src: icon-components/common/build-icon.json
    title: "Result:"