{"id":105917,"date":"2019-06-30T06:43:52","date_gmt":"2019-06-30T06:43:52","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/wp-customizer-icon\/"},"modified":"2026-03-11T10:09:45","modified_gmt":"2026-03-11T10:09:45","slug":"wp-customizer-icon","status":"publish","type":"plugin","link":"https:\/\/test.wordpress.org\/plugins\/wp-customizer-icon\/","author":17144915,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.0.4","stable_tag":"1.0.4","tested":"6.9.4","requires":"4.5","requires_php":"5.6","requires_plugins":null,"header_name":"Wp Customizer Icon","header_author":"IqbalRony","header_description":"Customizer Icon plugin only for WordPress theme.","assets_banners_color":"7a7577","last_updated":"2026-03-11 10:09:45","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/github.com\/iqbalrony\/wp-customizer-icon","header_author_uri":"","rating":5,"author_block_rating":0,"active_installs":40,"downloads":1657,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq"],"tags":{"1.0.2":{"tag":"1.0.2","author":"iqbalrony","date":"2022-11-30 07:15:55"},"1.0.3":{"tag":"1.0.3","author":"iqbalrony","date":"2026-03-11 10:09:45"},"1.0.4":{"tag":"1.0.4","author":"iqbalrony","date":"2026-03-11 10:09:45"}},"upgrade_notice":[],"ratings":{"1":0,"2":0,"3":0,"4":0,"5":"2"},"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":2114905,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128},"icon-256x256.png":{"filename":"icon-256x256.png","revision":2114905,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-772x250.png":{"filename":"banner-772x250.png","revision":2114905,"resolution":"772x250","location":"assets","locale":"","width":1067,"height":494}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.2","1.0.3","1.0.4"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":2114905,"resolution":"1","location":"assets","locale":"","width":1689,"height":931},"screenshot-2.png":{"filename":"screenshot-2.png","revision":2114905,"resolution":"2","location":"assets","locale":"","width":1067,"height":494},"screenshot-3.png":{"filename":"screenshot-3.png","revision":2114905,"resolution":"3","location":"assets","locale":"","width":344,"height":296},"screenshot-4.png":{"filename":"screenshot-4.png","revision":2114905,"resolution":"4","location":"assets","locale":"","width":345,"height":173}},"screenshots":{"1":"This screenshot one.","2":"This screenshot two.","3":"This screenshot three.","4":"This screenshot four."},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[2768,202018,173382,497],"plugin_category":[43,50],"plugin_contributors":[173383],"plugin_business_model":[],"class_list":["post-105917","plugin","type-plugin","status-publish","hentry","plugin_tags-customizer","plugin_tags-customizer-icon-control","plugin_tags-customizer-icon","plugin_tags-icon","plugin_category-customization","plugin_category-media","plugin_contributors-iqbalrony","plugin_committers-iqbalrony"],"banners":{"banner":"https:\/\/ps.w.org\/wp-customizer-icon\/assets\/banner-772x250.png?rev=2114905","banner_2x":false,"banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/wp-customizer-icon\/assets\/icon-128x128.png?rev=2114905","icon_2x":"https:\/\/ps.w.org\/wp-customizer-icon\/assets\/icon-256x256.png?rev=2114905","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/wp-customizer-icon\/assets\/screenshot-1.png?rev=2114905","caption":"This screenshot one."},{"src":"https:\/\/ps.w.org\/wp-customizer-icon\/assets\/screenshot-2.png?rev=2114905","caption":"This screenshot two."},{"src":"https:\/\/ps.w.org\/wp-customizer-icon\/assets\/screenshot-3.png?rev=2114905","caption":"This screenshot three."},{"src":"https:\/\/ps.w.org\/wp-customizer-icon\/assets\/screenshot-4.png?rev=2114905","caption":"This screenshot four."}],"raw_content":"\n

Wp Customizer Icon plugin is very easy to use. It contains 3696 material design icons. User can add extra icon classs to the icon library from there theme.\nThere is an filter hook named WPCI_customizer_icons by which user can marge extra icons class. Icon control name is WPCI_Customize_Icon_Control.\nSee the Github<\/a> project repository.<\/p>\n\n\n

    \n
  1. Upload plugin-name.php<\/code> to the \/wp-content\/plugins\/<\/code> directory<\/li>\n
  2. Activate the plugin through the 'Plugins' menu in WordPress<\/li>\n
  3. Now create customizer icon field by using WPCI_Customize_Icon_Control class in your theme.<\/li>\n<\/ol>\n\n

    Example:-<\/p>\n\n

    \/**\n * Customizer register\n *\/\nadd_action( 'customize_register', 'mytheme_customize_register' );\nfunction mytheme_customize_register( $wp_customize ) {\n    $wp_customize->add_section(\n            'test_section',\n            array(\n                'title' => __('Icon', 'wp-customizer-icon'),\n                'priority' => 5,\n            )\n        );\n    $wp_customize->add_setting(\n            'test_icon',\n            array(\n                'default' => 'mdi mdi-access-point',\n                'transport' => 'refresh',\n            )\n        );\n    $wp_customize->add_control(\n            new WPCI_Customize_Icon_Control(\n                $wp_customize,\n                'test_icon',\n                array(\n                    'type'      => 'icon',\n                    'label' => __('Test Icon', 'wp-customizer-icon'),\n                    'section' => 'test_section',\n                    'priority' => 10,\n                ))\n    );\n}\n\n\/**\n * Get Icon Class\n *\/\n$icon_cls = get_theme_mod('test_icon');\necho '<i class=\"'.esc_attr( $icon_cls ).'\"><\/i>';\n<\/code><\/pre>\n\n
    Add extra icon library by filter hook named WPCI_customizer_icons.\nExample:-<\/p>\n\n
    add_action('WPCI_customizer_icons','push_icon');\nfunction push_icon($icon_array){\n    $new_icon = array_merge(\n        array(\n            'fa fa-facebook' =>'fa fa-facebook',\n            'fa fa-twitter' =>'fa fa-twitter'\n        ),$icon_array\n    );\n    return $new_icon;\n}\n<\/code><\/pre>\n\n\n
    \n
    Is there way to add extra icon library<\/h3><\/dt>\n
    Yes, there is an filter hook named WPCI_customizer_icons by which user can marge extra icons class.<\/p><\/dd>\n\n<\/dl>","raw_excerpt":"Custom Customizer icon control for wordpress customizer. It contains 3696 material design icons.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/105917","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=105917"}],"author":[{"embeddable":true,"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/iqbalrony"}],"wp:attachment":[{"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=105917"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=105917"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=105917"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=105917"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=105917"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/test.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=105917"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}