Icon Fonts – Overview

[TS-VCSC-Icon-Title title=”Icon Fonts Previews” align=”center” font_family=”Default:regular” size=”48″ font_weight=”300″ highlight_allow=”true” highlight_color=”#2691bd” highlight_strings=”cHJldmlld3M=”]
[TS-VCSC-Icon-Counter icon_position=”left” icon=”ts-awesome-fonticons” counter_value_start=”0″ counter_value_by_shortcode=”true” counter_value_end_shortcode=”JTVCVFNfVkNTQ19JY29uX0ZvbnRfRm9udENvdW50JTVE” counter_seperator=”true” counter_note=”Icon Fonts” el_file1=”” el_file2=”” tooltip_css=”false”]
[TS-VCSC-Icon-Counter icon_position=”left” icon=”ts-awesome-info-circle” counter_value_start=”0″ counter_value_by_shortcode=”true” counter_value_end_shortcode=”JTVCVFNfVkNTQ19JY29uX0ZvbnRfSWNvbnNUb3RhbCU1RA==” counter_value_format=”true” counter_value_seperator=”,” counter_seperator=”true” counter_note=”Icons Total” el_file1=”” el_file2=”” tooltip_css=”false”]
[TS_VCSC_Info_Notice panel_layout=”notice” panel_type=”info” panel_icon=”ts-awesome-info-circle”]

Visual Composer Extensions ships with 16 built-in icon fonts, giving you access to over 4,600 different icons. By default, only the “Font Awesome” icon font is activated. In order to use any of the other icon fonts, you simply activate the font(s) in the plugin settings. Click on the elements below to see a live preview of all icons included in each font. For WordPress 3.8+, the plugin will also give you access to the WordPress internal icon font “Dashicons”, potentially adding another 200+ icon to the mix.

[/TS_VCSC_Info_Notice]

[TS-VCSC-Spacer height=”20″][TS-VCSC-Icon-Title title=”Add-On Built-In Icon Fonts” align=”center” font_family=”Default:regular” size=”48″ font_weight=”300″ highlight_allow=”true” highlight_color=”#2691bd” highlight_strings=”QnVpbHQtSW4=” el_file1=”” el_file2=””]
[TS_VCSC_Teaser_Block_Standalone image=”15991″ overlay=”#0094ff” title=”Font Awesome” subtitle=”Created by Dave Gandy” link=”url:http%3A%2F%2Ftekanewascripts.com%2Fvcextensions%2Ffont-icons-font-awesome%2F|title:Font%20Icons%20%E2%80%93%20Font%20Awesome|”][TS-VCSC-Icon-Counter icon_position=”left” icon=”ts-awesome-stack-overflow” icon_size_slide=”50″ counter_value_start=”0″ counter_value_by_shortcode=”true” counter_value_end_shortcode=”JTVCVFNfVkNTQ19JY29uX0ZvbnRfSWNvbkNvdW50JTIwZm9udCUzRCUyMkF3ZXNvbWUlMjIlNUQ=” counter_value_size=”20″ counter_seperator=”true” counter_note=”Icons Included” counter_note_size=”12″ tooltip_css=”false”]
[TS_VCSC_Teaser_Block_Standalone image=”15992″ overlay=”#0094ff” title=”Font Brankic” subtitle=”Created by Brankic1979″ link=”url:http%3A%2F%2Ftekanewascripts.com%2Fvcextensions%2Ffont-icons-brankic-1979-font%2F|title:Font%20Icons%20%E2%80%93%20Brankic%201979%20Font|”][TS-VCSC-Icon-Counter icon_position=”left” icon=”ts-awesome-stack-overflow” icon_size_slide=”50″ counter_value_start=”0″ counter_value_by_shortcode=”true” counter_value_end_shortcode=”JTVCVFNfVkNTQ19JY29uX0ZvbnRfSWNvbkNvdW50JTIwZm9udCUzRCUyMkJyYW5raWMlMjIlNUQ=” counter_value_size=”20″ counter_seperator=”true” counter_note=”Icons Included” counter_note_size=”12″ tooltip_css=”false”]
[TS_VCSC_Teaser_Block_Standalone image=”15993″ overlay=”#0094ff” title=”Countricons Font” subtitle=”Created by Freepik” link=”url:http%3A%2F%2Ftekanewascripts.com%2Fvcextensions%2Ffont-icons-countricons-font%2F|title:Font%20Icons%20%E2%80%93%20Countricons%20Font|”][TS-VCSC-Icon-Counter icon_position=”left” icon=”ts-awesome-stack-overflow” icon_size_slide=”50″ counter_value_start=”0″ counter_value_by_shortcode=”true” counter_value_end_shortcode=”JTVCVFNfVkNTQ19JY29uX0ZvbnRfSWNvbkNvdW50JTIwZm9udCUzRCUyMkNvdW50cmljb25zJTIyJTVE” counter_value_size=”20″ counter_seperator=”true” counter_note=”Icons Included” counter_note_size=”12″ tooltip_css=”false”]
[TS_VCSC_Teaser_Block_Standalone image=”15994″ overlay=”#0094ff” title=”Currencies Font” subtitle=”Created by Freepik” link=”url:http%3A%2F%2Ftekanewascripts.com%2Fvcextensions%2Ffont-icons-currencies-font%2F|title:Font%20Icons%20%E2%80%93%20Currencies%20Font|”][TS-VCSC-Icon-Counter icon_position=”left” icon=”ts-awesome-stack-overflow” icon_size_slide=”50″ counter_value_start=”0″ counter_value_by_shortcode=”true” counter_value_end_shortcode=”JTVCVFNfVkNTQ19JY29uX0ZvbnRfSWNvbkNvdW50JTIwZm9udCUzRCUyMkN1cnJlbmNpZXMlMjIlNUQ=” counter_value_size=”20″ counter_seperator=”true” counter_note=”Icons Included” counter_note_size=”12″ tooltip_css=”false”]
[TS_VCSC_Teaser_Block_Standalone image=”15996″ overlay=”#0094ff” title=”Elegant Icons Font” subtitle=”Created by Elegant Themes” link=”url:http%3A%2F%2Ftekanewascripts.com%2Fvcextensions%2Ffont-icons-elegant-font%2F|title:Font%20Icons%20%E2%80%93%20Elegant%20Font|”][TS-VCSC-Icon-Counter icon_position=”left” icon=”ts-awesome-stack-overflow” icon_size_slide=”50″ counter_value_start=”0″ counter_value_by_shortcode=”true” counter_value_end_shortcode=”JTVCVFNfVkNTQ19JY29uX0ZvbnRfSWNvbkNvdW50JTIwZm9udCUzRCUyMkVsZWdhbnQlMjIlNUQ=” counter_value_size=”20″ counter_seperator=”true” counter_note=”Icons Included” counter_note_size=”12″ tooltip_css=”false”]
[TS_VCSC_Teaser_Block_Standalone image=”15997″ overlay=”#0094ff” title=”Entypo Pictogram Font” subtitle=”Created by Daniel Bruce” link=”url:http%3A%2F%2Ftekanewascripts.com%2Fvcextensions%2Ffont-icons-entypo-font%2F|title:Font%20Icons%20%E2%80%93%20Entypo%20Font|”][TS-VCSC-Icon-Counter icon_position=”left” icon=”ts-awesome-stack-overflow” icon_size_slide=”50″ counter_value_start=”0″ counter_value_by_shortcode=”true” counter_value_end_shortcode=”JTVCVFNfVkNTQ19JY29uX0ZvbnRfSWNvbkNvdW50JTIwZm9udCUzRCUyMkVudHlwbyUyMiU1RA==” counter_value_size=”20″ counter_seperator=”true” counter_note=”Icons Included” counter_note_size=”12″ tooltip_css=”false”]
[TS_VCSC_Teaser_Block_Standalone image=”15998″ overlay=”#0094ff” title=”Foundation Font 3″ subtitle=”Created by ZURB University” link=”url:http%3A%2F%2Ftekanewascripts.com%2Fvcextensions%2Ffont-icons-foundation-font%2F|title:Font%20Icons%20%E2%80%93%20Foundation%20Font|”][TS-VCSC-Icon-Counter icon_position=”left” icon=”ts-awesome-stack-overflow” icon_size_slide=”50″ counter_value_start=”0″ counter_value_by_shortcode=”true” counter_value_end_shortcode=”JTVCVFNfVkNTQ19JY29uX0ZvbnRfSWNvbkNvdW50JTIwZm9udCUzRCUyMkZvdW5kYXRpb24lMjIlNUQ=” counter_value_size=”20″ counter_seperator=”true” counter_note=”Icons Included” counter_note_size=”12″ tooltip_css=”false”]
[TS_VCSC_Teaser_Block_Standalone image=”15999″ overlay=”#0094ff” title=”Genericons Font” subtitle=”Created by Automatic” link=”url:http%3A%2F%2Ftekanewascripts.com%2Fvcextensions%2Ffont-icons-genericons-font%2F|title:Font%20Icons%20%E2%80%93%20Genericons%20Font|”][TS-VCSC-Icon-Counter icon_position=”left” icon=”ts-awesome-stack-overflow” icon_size_slide=”50″ counter_value_start=”0″ counter_value_by_shortcode=”true” counter_value_end_shortcode=”JTVCVFNfVkNTQ19JY29uX0ZvbnRfSWNvbkNvdW50JTIwZm9udCUzRCUyMkdlbmVyaWNvbnMlMjIlNUQ=” counter_value_size=”20″ counter_seperator=”true” counter_note=”Icons Included” counter_note_size=”12″ tooltip_css=”false”]
[TS_VCSC_Teaser_Block_Standalone image=”16000″ overlay=”#0094ff” title=”IcoMoon Font” subtitle=”Created by Keyamoon” link=”url:http%3A%2F%2Ftekanewascripts.com%2Fvcextensions%2Ffont-icons-icomoon-font%2F|title:Font%20Icons%20%E2%80%93%20IcoMoon%20Font|”][TS-VCSC-Icon-Counter icon_position=”left” icon=”ts-awesome-stack-overflow” icon_size_slide=”50″ counter_value_start=”0″ counter_value_by_shortcode=”true” counter_value_end_shortcode=”JTVCVFNfVkNTQ19JY29uX0ZvbnRfSWNvbkNvdW50JTIwZm9udCUzRCUyMkljb01vb24lMjIlNUQ=” counter_value_size=”20″ counter_seperator=”true” counter_note=”Icons Included” counter_note_size=”12″ tooltip_css=”false”]
[TS_VCSC_Teaser_Block_Standalone image=”17479″ overlay=”#0094ff” title=”Ionicons Font” subtitle=”Created by Ionic Framework” link=”url:http%3A%2F%2Ftekanewascripts.com%2Fvcextensions%2Ffont-icons-ionicons-font%2F|title:Font%20Icons%20%E2%80%93%20Ionicons%20Font|”][TS-VCSC-Icon-Counter icon_position=”left” icon=”ts-awesome-stack-overflow” icon_size_slide=”50″ counter_value_start=”0″ counter_value_by_shortcode=”true” counter_value_end_shortcode=”JTVCVFNfVkNTQ19JY29uX0ZvbnRfSWNvbkNvdW50JTIwZm9udCUzRCUyMklvbmljb25zJTIyJTVE” counter_value_size=”20″ counter_seperator=”true” counter_note=”Icons Included” counter_note_size=”12″ tooltip_css=”false”]
[TS_VCSC_Teaser_Block_Standalone image=”17480″ overlay=”#0094ff” title=”MapIcons Font” subtitle=”Created by Scott De Jonge” link=”url:http%3A%2F%2Ftekanewascripts.com%2Fvcextensions%2Ffont-icons-mapicons-font%2F|title:Font%20Icons%20%E2%80%93%20MapIcons%20Font|”][TS-VCSC-Icon-Counter icon_position=”left” icon=”ts-awesome-stack-overflow” icon_size_slide=”50″ counter_value_start=”0″ counter_value_by_shortcode=”true” counter_value_end_shortcode=”JTVCVFNfVkNTQ19JY29uX0ZvbnRfSWNvbkNvdW50JTIwZm9udCUzRCUyMk1hcEljb25zJTIyJTVE” counter_value_size=”20″ counter_seperator=”true” counter_note=”Icons Included” counter_note_size=”12″ tooltip_css=”false”]
[TS_VCSC_Teaser_Block_Standalone image=”17481″ overlay=”#0094ff” title=”Metrize Font” subtitle=”Created by Alessio Atzeni” link=”url:http%3A%2F%2Ftekanewascripts.com%2Fvcextensions%2Ffont-icons-metrize-font%2F|title:Font%20Icons%20%E2%80%93%20Metrize%20Font|”][TS-VCSC-Icon-Counter icon_position=”left” icon=”ts-awesome-stack-overflow” icon_size_slide=”50″ counter_value_start=”0″ counter_value_by_shortcode=”true” counter_value_end_shortcode=”JTVCVFNfVkNTQ19JY29uX0ZvbnRfSWNvbkNvdW50JTIwZm9udCUzRCUyMk1ldHJpemUlMjIlNUQ=” counter_value_size=”20″ counter_seperator=”true” counter_note=”Icons Included” counter_note_size=”12″ tooltip_css=”false”]
[TS_VCSC_Teaser_Block_Standalone image=”16001″ overlay=”#0094ff” title=”Monuments Font” subtitle=”Created by Freepik” link=”url:http%3A%2F%2Ftekanewascripts.com%2Fvcextensions%2Ffont-icons-monuments-font%2F|title:Font%20Icons%20%E2%80%93%20Monuments%20Font|”][TS-VCSC-Icon-Counter icon_position=”left” icon=”ts-awesome-stack-overflow” icon_size_slide=”50″ counter_value_start=”0″ counter_value_by_shortcode=”true” counter_value_end_shortcode=”JTVCVFNfVkNTQ19JY29uX0ZvbnRfSWNvbkNvdW50JTIwZm9udCUzRCUyMk1vbnVtZW50cyUyMiU1RA==” counter_value_size=”20″ counter_seperator=”true” counter_note=”Icons Included” counter_note_size=”12″ tooltip_css=”false”]
[TS_VCSC_Teaser_Block_Standalone image=”16002″ overlay=”#0094ff” title=”Social Media Font” subtitle=”Created by SimpleIcon” link=”url:http%3A%2F%2Ftekanewascripts.com%2Fvcextensions%2Ffont-icons-socialmedia-font%2F|title:Font%20Icons%20%E2%80%93%20SocialMedia%20Font|”][TS-VCSC-Icon-Counter icon_position=”left” icon=”ts-awesome-stack-overflow” icon_size_slide=”50″ counter_value_start=”0″ counter_value_by_shortcode=”true” counter_value_end_shortcode=”JTVCVFNfVkNTQ19JY29uX0ZvbnRfSWNvbkNvdW50JTIwZm9udCUzRCUyMlNvY2lhbE1lZGlhJTIyJTVE” counter_value_size=”20″ counter_seperator=”true” counter_note=”Icons Included” counter_note_size=”12″ tooltip_css=”false”]
[TS_VCSC_Teaser_Block_Standalone image=”17482″ overlay=”#0094ff” title=”Themify Font” subtitle=”Created by Themify” link=”url:http%3A%2F%2Ftekanewascripts.com%2Fvcextensions%2Ffont-icons-themify-font%2F|title:Font%20Icons%20%E2%80%93%20Themify%20Font|”][TS-VCSC-Icon-Counter icon_position=”left” icon=”ts-awesome-stack-overflow” icon_size_slide=”50″ counter_value_start=”0″ counter_value_by_shortcode=”true” counter_value_end_shortcode=”JTVCVFNfVkNTQ19JY29uX0ZvbnRfSWNvbkNvdW50JTIwZm9udCUzRCUyMlRoZW1pZnklMjIlNUQ=” counter_value_size=”20″ counter_seperator=”true” counter_note=”Icons Included” counter_note_size=”12″ tooltip_css=”false”]
[TS_VCSC_Teaser_Block_Standalone image=”16003″ overlay=”#0094ff” title=”Typicons Font” subtitle=”Created by Stephen Hutchings” link=”url:http%3A%2F%2Ftekanewascripts.com%2Fvcextensions%2Ffont-icons-typicons-font%2F|title:Font%20Icons%20%E2%80%93%20Typicons%20Font|”][TS-VCSC-Icon-Counter icon_position=”left” icon=”ts-awesome-stack-overflow” icon_size_slide=”50″ counter_value_start=”0″ counter_value_by_shortcode=”true” counter_value_end_shortcode=”JTVCVFNfVkNTQ19JY29uX0ZvbnRfSWNvbkNvdW50JTIwZm9udCUzRCUyMlR5cGljb25zJTIyJTVE” counter_value_size=”20″ counter_seperator=”true” counter_note=”Icons Included” counter_note_size=”12″ tooltip_css=”false”]
[TS-VCSC-Spacer height=”20″][TS-VCSC-Icon-Title title=”WordPress Icon Fonts” align=”center” font_family=”Default:regular” size=”48″ font_weight=”300″ highlight_allow=”true” highlight_color=”#2691bd” highlight_strings=”V29yZFByZXNz” el_file1=”” el_file2=””]
[TS_VCSC_Teaser_Block_Standalone image=”18121″ overlay=”#0094ff” title=”Dashicons Font” subtitle=”Created by WordPress” link=”url:http%3A%2F%2Ftekanewascripts.com%2Fvcextensions%2Ffont-icons-dashicons-font%2F|title:Font%20Icons%20%E2%80%93%20Dashicons|”][TS-VCSC-Icon-Counter icon_position=”left” icon=”ts-awesome-stack-overflow” icon_size_slide=”50″ counter_value_start=”0″ counter_value_by_shortcode=”true” counter_value_end_shortcode=”JTVCVFNfVkNTQ19JY29uX0ZvbnRfSWNvbkNvdW50JTIwZm9udCUzRCUyMkRhc2hpY29ucyUyMiU1RA==” counter_value_size=”20″ counter_seperator=”true” counter_note=”Icons Included” counter_note_size=”12″ tooltip_css=”false”]