Icons

Usage

To specify which icon you want to include in the control, pass the icon's name to the icon parameter in the control definition.
Example:

{
  id: "test",
  type: "switch",
  icon: "nc-settings"
}

Each icon has a unique name, and this name should be provided as the value for the icon parameter. Make sure to use the correct icon name from the available icon set below to ensure the desired icon is displayed in the control.

List of available icons

nc-play	nc-bold	nc-h1	nc-h2	nc-h3
nc-h4	nc-italic	nc-list-bullet	nc-list-default	nc-list-numbers
nc-p	nc-text-align-justify	nc-add	nc-align-bottom	nc-align-middle
nc-align-top	nc-duplicate	nc-pin	nc-dashed	nc-dotted
nc-solid	nc-iframe	nc-align-left	nc-align-right	nc-arrow-right
nc-brush	nc-circle	nc-corners-round	nc-corners-square	nc-cube
nc-font	nc-link	nc-more	nc-outline	nc-pen
nc-plus	nc-search	nc-star	nc-text-align-center	nc-text-align-left
nc-text-align-right	nc-upload	nc-check	nc-cog	nc-hover
nc-image	nc-remove	nc-settings	nc-trash	nc-uncheck
nc-button-2	nc-button	nc-desktop	nc-divider	nc-lock
nc-menu	nc-phone	nc-reorder	nc-spacer	nc-tablet
nc-unlock	nc-upgrade	nc-close	nc-corners-all	nc-corners-bottom-right
nc-corners-bottom-left	nc-corners-individual	nc-corners-top-left	nc-corners-top-right	nc-horizontal
nc-redo	nc-size	nc-styling-all	nc-styling-bottom	nc-styling-individual
nc-styling-left	nc-styling-right	nc-styling-top	nc-styling	nc-time
nc-undo	nc-vertical	nc-check-small	nc-circle-remove	nc-stre-down
nc-stre-up	nc-alert-circle-que	nc-grid-45	nc-bars	nc-square-remove-09
nc-paragraph	nc-zoom-e	nc-hourglass	nc-share-2	nc-form
nc-circle-remove-2	nc-eye-ban-18	nc-eye-17	nc-drag	nc-small
nc-medium	nc-large	nc-16	nc-24	nc-32
nc-48	nc-64	nc-row	nc-column	nc-sound-cloud
nc-counter	nc-shortcode	nc-sidebar	nc-dark	nc-light
nc-wp-shortcode	nc-sndcloud-style-1	nc-sndcloud-style-2	nc-circle-outline	nc-diamond-outline
nc-dot	nc-fade	nc-line	nc-none	nc-right-arrow-filled
nc-right-arrow-heavy	nc-right-arrow-outline	nc-right-arrow-tail	nc-right-arrow-thin	nc-slider-horizontal
nc-slider-vertical	nc-slider	nc-square-outline	nc-align-horizontal	nc-align-vertical
nc-label-inside	nc-label-outside	nc-info	nc-back	nc-countdown
nc-counter-outline	nc-form-left	nc-full-cube	nc-save-section	nc-extensions
nc-failure	nc-check-color	nc-success	nc-brizy-logo-outline	nc-brizy-logo
nc-circle-02	nc-tabs	nc-update	nc-background	nc-woo
nc-toggle	nc-sticky-menu	nc-img	nc-banner	nc-down
nc-up	nc-woo-2	nc-block-switch	nc-extensions-2	nc-global
nc-arrow-left	nc-blur	nc-dynamic	nc-bug	nc-page
nc-blocks	nc-pages	nc-popup	nc-gallery	nc-dynamic-img
nc-dynamic-text	nc-brightness	nc-carousel	nc-contrast	nc-flip-horizontal
nc-flip-vertical	nc-hue	nc-menu-3	nc-reset	nc-saturation
nc-close-popup	nc-width	nc-height	nc-repeat	nc-send-to-back
nc-bring-to-top	nc-check-light	nc-pen	nc-media-image	nc-media-video
nc-media-map	nc-email	nc-captcha	nc-uncheck-alt	nc-check-alt
nc-shift-key	nc-reverse-columns-bottom	nc-reverse-columns-left	nc-reverse-columns-right	nc-reverse-columns-top
nc-minus	nc-facebook	nc-footer	nc-dividers-bottom	nc-dividers-top
nc-plus2	nc-arrow	nc-shadow	nc-combined-shape	nc-connection
nc-check-circle	nc-reverse	nc-switch	nc-triggers	nc-progress-bar
nc-preview	nc-plus3	nc-hrz-align-left	nc-hrz-align-center	nc-hrz-align-right
nc-ver-align-bottom	nc-ver-align-middle	nc-ver-align-top	nc-include	nc-position-in
nc-position-out	nc-align-bottom-left	nc-align-bottom-right	nc-align-top-left	nc-align-top-right
nc-check-square-on	nc-check-square-off	nc-check-circle-on	nc-check-circle-off	nc-starrating
nc-timeline	nc-audio	nc-warning	nc-align-distribute	nc-switcher
nc-reverse-glyph	nc-countdown-style1	nc-countdown-style2	nc-countdown-style3	nc-twitter
nc-down-arrow-thin	nc-down-arrow-heavy	nc-down-arrow-tail	nc-down-arrow-outline	nc-down-arrow-filled
nc-comments	nc-playlist	nc-tags	nc-news	nc-active
nc-target	nc-table-element	nc-news	nc-switcher-style-1	nc-switcher-style-2
nc-tabs-style-1	nc-tabs-style-2	nc-tabs-style-3	nc-tabs-style-4	nc-horizontal-items
nc-vertical-items	nc-tags-style-1	nc-tags-style-2	nc-timeline-style-1	nc-timeline-style-2
nc-timeline-style-3	nc-timeline-style-4	nc-timeline-style-5	nc-timeline-style-6	nc-progress-bar-style-2
nc-progress-bar-style-1	nc-counter-style-1	nc-counter-style-2	nc-counter-style-3	nc-counter-style-4
nc-tabs-style-5	nc-tabs-style-6	nc-business-hour	nc-key	nc-lottie
nc-help-docs	nc-check-circle-white	nc-arrow-up	nc-publish	nc-rating-style-1
nc-rating-style-2	nc-login	nc-wp-post-content	nc-wp-post-excerpt	nc-wp-post-info
nc-wp-post-navigation	nc-wp-posts	nc-wp-post-title	nc-wp-shortcode-element	nc-wp-post-sidebar
nc-woo-additional	nc-woo-content	nc-woo-excerpt	nc-woo-gallery	nc-woo-meta
nc-woo-price	nc-woo-rating	nc-woo-sku	nc-woo-stock	nc-woo-title
nc-woo-add-to-cart	nc-woo-cart	nc-woo-categories	nc-woo-pages	nc-woo-products
nc-wp-breadcrumbs	nc-woo-related-products	nc-woo-upsell	nc-woo-review	nc-link-sidebar
nc-cart-items-1	nc-cart-items-2	nc-attributes-table	nc-attributes-dividers	nc-woo-gallery-bottom
nc-woo-gallery-left	nc-woo-gallery-right	nc-woo-gallery-top	nc-user	nc-filters
nc-filters-columns	nc-filters-full	nc-filters-inline	nc-filters-left	nc-archives
nc-tp-capitalize	nc-tp-strike	nc-tp-underline	nc-left-arrow-heavy	nc-shape
nc-shopify-logo	nc-user-email	nc-user-details	nc-user-roles	nc-user-phone-number
nc-download-saved-block	nc-saved-block-tags	nc-mask-shape-circle	nc-mask-shape-rhombus	nc-mask-shape-star
nc-mask-shape-flower	nc-mask-shape-triangle	nc-mask-shape-blob1	nc-mask-shape-blob2	nc-mask-shape-blob4
nc-mask-shape-brush1	nc-mask-shape-brush2	nc-mask-shape-brush3	nc-mask-shape-brush4	nc-mask-shape-poly1
nc-mask-shape-poly3	nc-mask-shape-poly4	nc-collab	nc-mouse	nc-scroll-vertical
nc-scroll-horizontal	nc-scroll-transparency	nc-scroll-scale	nc-bounce	nc-flash
nc-double	nc-groove	nc-ridge	nc-inset	nc-outset
nc-cart-inline	nc-cart-column	nc-space-between	nc-line-align-right	nc-line-align-center
nc-line-align-left	nc-line-icon	nc-line-text	nc-line-solid	nc-multi-languages
nc-shopping-bag	nc-alert	nc-calendly	nc-diagonal-dash	nc-fence
nc-fence2	nc-hand-dashes	nc-hand-dots	nc-hand-flows	nc-hand-leaves
nc-line-dot	nc-stars	nc-waves	eye-dropper	nc-hover-buzz
nc-hover-wobble	nc-hover-move	nc-hover-pulse	nc-hover-rotate	nc-hover-scale
nc-hover-skew	nc-help	nc-mask-shape-hexagon	nc-leadific	nc-lock2
nc-flipbox	nc-table-of-contents	nc-tp-lowercase	nc-mask-shape-circle	nc-mask-shape-rhombus
nc-mask-shape-star	nc-mask-shape-flower	nc-mask-shape-square	nc-mask-shape-triangle	nc-mask-shape-blob1
nc-mask-shape-blob2	nc-mask-shape-blob3	nc-mask-shape-blob4	nc-mask-shape-brush1	nc-mask-shape-brush2
nc-mask-shape-brush3	nc-mask-shape-brush4	nc-mask-shape-poly1	nc-mask-shape-poly2	nc-mask-shape-poly3
nc-mask-shape-poly4	nc-collab	nc-multi-languages	nc-radio-style1	nc-radio-style2
nc-radio-style3	nc-flipbox	nc-flip	nc-offset	nc-scale
nc-skew	nc-transform-align-bottom	nc-transform-align-center	nc-transform-align-left	nc-transform-align-middle
nc-transform-align-right	nc-transform-align-top	nc-tp-subscript	nc-tp-superscript	nc-sidebar-pin
nc-templates-pages	nc-hover-fill