Welcome to Dot Info Solution

  • COMPANY
    • Terms & Conditions
  • DESIGN
    • Website Design
    • Business Website Design
    • E-Commerce Store Design
    • Mobile App UI Design
    • Responsive Web Design
    • WordPress Theme Design
    • Magento Theme Design
    • Woocommerce Theme Design
    • Buddypress Theme Design
  • DEVELOPMENT
    • CMS Development
    • E-Commerce Development
    • CakePHP development
    • Custom Web Development
    • Web API Development
    • Social Network & Community Development
  • APPS
    • iPhone Application Development
    • Android App Development
    • iPAD App Development
    • Cloud Apps Development
  • E-MARKETING
    • SEO
    • Content Writing
    • PPC Management
    • Social Media Optimization
  • Home
  • Shortcodes
  • Icons and Social Icons
February 27, 2021

Icons and Social Icons

[vc_row][vc_column width=”1/1″][wm_separator_heading tag=”h2″ align=”left”]Any Font Icon You Like![/wm_separator_heading][wm_text_block]You get more than 360 font icons packed with the theme (Font Awesome) right out of the box. You can display these icons anywhere on the website using wm_icon shortcode.

What’s even better, you can use your own set of icons! Yes, you can replace the theme default icons set with your own one from Fontello = infinite number of font icon possibilities! Just upload a new icon font via a WordPress admin and that’s it!

[wm_icon class=”icon-clock” size=”xl” /] Icons can be used in headings too

Example of font icon used in text. [wm_icon class=”icon-camera” /] The font icon size will adapt to text size automatically, but using the size shortcode parameter you can alter the relative size of the icon.

You can also use round-border class on the icon to make it bordered: [wm_icon class=”icon-camera round-border” size=”xl” /][/wm_text_block][/vc_column][/vc_row][vc_row][vc_column width=”1/1″][wm_separator_heading tag=”h2″ align=”left”]Social Icons[/wm_separator_heading][wm_text_block]You can use any custom icon as a social icon. There are several predefined social icon backgrounds to use (see the shortcode code below).[/wm_text_block][wm_separator_heading tag=”h3″ align=”left”]Social Icons small[/wm_separator_heading][wm_text_block][wm_icon class=”icon-dribbble” social=”Dribbble” url=”#” size=”s” /][wm_icon class=”icon-facebook” social=”Facebook” url=”#” size=”s” /][wm_icon class=”icon-flickr” social=”Flickr” url=”#” size=”s” /][wm_icon class=”icon-github” social=”Github” url=”#” size=”s” /][wm_icon class=”icon-gplus” social=”Google+” url=”#” size=”s” /][wm_icon class=”icon-instagramm” social=”Instagram” url=”#” size=”s” /][wm_icon class=”icon-linkedin” social=”LinkedIn” url=”#” size=”s” /][wm_icon class=”icon-pinterest-circled” social=”Pinterest” url=”#” size=”s” /][wm_icon class=”icon-rss” social=”RSS” url=”#” size=”s” /][wm_icon class=”icon-skype” social=”Skype” url=”#” size=”s” /][wm_icon class=”icon-tumblr” social=”Tumblr” url=”#” size=”s” /][wm_icon class=”icon-twitter” social=”Twitter” url=”#” size=”s” /][wm_icon class=”icon-vimeo-squared” social=”Vimeo” url=”#” size=”s” /][wm_icon class=”icon-youtube” social=”YouTube” url=”#” size=”s” /]

Dark and Light backgrounds:

[wm_icon class=”icon-html5″ social=”background-dark” url=”#” size=”s” /][wm_icon class=”icon-css3″ social=”background-light” url=”#” size=”s” /][/wm_text_block][wm_separator_heading tag=”h3″ align=”left”]Social Icons medium[/wm_separator_heading][wm_text_block][wm_icon class=”icon-dribbble” social=”Dribbble” url=”#” size=”m” /][wm_icon class=”icon-facebook” social=”Facebook” url=”#” size=”m” /][wm_icon class=”icon-flickr” social=”Flickr” url=”#” size=”m” /][wm_icon class=”icon-github” social=”Github” url=”#” size=”m” /][wm_icon class=”icon-gplus” social=”Google+” url=”#” size=”m” /][wm_icon class=”icon-instagramm” social=”Instagram” url=”#” size=”m” /][wm_icon class=”icon-linkedin” social=”LinkedIn” url=”#” size=”m” /][wm_icon class=”icon-pinterest-circled” social=”Pinterest” url=”#” size=”m” /][wm_icon class=”icon-rss” social=”RSS” url=”#” size=”m” /][wm_icon class=”icon-skype” social=”Skype” url=”#” size=”m” /][wm_icon class=”icon-tumblr” social=”Tumblr” url=”#” size=”m” /][wm_icon class=”icon-twitter” social=”Twitter” url=”#” size=”m” /][wm_icon class=”icon-vimeo-squared” social=”Vimeo” url=”#” size=”m” /][wm_icon class=”icon-youtube” social=”YouTube” url=”#” size=”m” /]

Dark and Light backgrounds:

[wm_icon class=”icon-html5″ social=”background-dark” url=”#” size=”m” /][wm_icon class=”icon-css3″ social=”background-light” url=”#” size=”m” /][/wm_text_block][wm_separator_heading tag=”h3″ align=”left”]Social Icons large[/wm_separator_heading][wm_text_block][wm_icon class=”icon-dribbble” social=”Dribbble” url=”#” size=”l” /][wm_icon class=”icon-facebook” social=”Facebook” url=”#” size=”l” /][wm_icon class=”icon-flickr” social=”Flickr” url=”#” size=”l” /][wm_icon class=”icon-github” social=”Github” url=”#” size=”l” /][wm_icon class=”icon-gplus” social=”Google+” url=”#” size=”l” /][wm_icon class=”icon-instagramm” social=”Instagram” url=”#” size=”l” /][wm_icon class=”icon-linkedin” social=”LinkedIn” url=”#” size=”l” /][wm_icon class=”icon-pinterest-circled” social=”Pinterest” url=”#” size=”l” /][wm_icon class=”icon-rss” social=”RSS” url=”#” size=”l” /][wm_icon class=”icon-skype” social=”Skype” url=”#” size=”l” /][wm_icon class=”icon-tumblr” social=”Tumblr” url=”#” size=”l” /][wm_icon class=”icon-twitter” social=”Twitter” url=”#” size=”l” /][wm_icon class=”icon-vimeo-squared” social=”Vimeo” url=”#” size=”l” /][wm_icon class=”icon-youtube” social=”YouTube” url=”#” size=”l” /]

Dark and Light backgrounds:

[wm_icon class=”icon-html5″ social=”background-dark” url=”#” size=”l” /][wm_icon class=”icon-css3″ social=”background-light” url=”#” size=”l” /][/wm_text_block][wm_separator_heading tag=”h3″ align=”left”]Social Icons extra large[/wm_separator_heading][wm_text_block][wm_icon class=”icon-dribbble” social=”Dribbble” url=”#” size=”xl” /][wm_icon class=”icon-facebook” social=”Facebook” url=”#” size=”xl” /][wm_icon class=”icon-flickr” social=”Flickr” url=”#” size=”xl” /][wm_icon class=”icon-github” social=”Github” url=”#” size=”xl” /][wm_icon class=”icon-gplus” social=”Google+” url=”#” size=”xl” /][wm_icon class=”icon-instagramm” social=”Instagram” url=”#” size=”xl” /][wm_icon class=”icon-linkedin” social=”LinkedIn” url=”#” size=”xl” /][wm_icon class=”icon-pinterest-circled” social=”Pinterest” url=”#” size=”xl” /][wm_icon class=”icon-rss” social=”RSS” url=”#” size=”xl” /][wm_icon class=”icon-skype” social=”Skype” url=”#” size=”xl” /][wm_icon class=”icon-tumblr” social=”Tumblr” url=”#” size=”xl” /][wm_icon class=”icon-twitter” social=”Twitter” url=”#” size=”xl” /][wm_icon class=”icon-vimeo-squared” social=”Vimeo” url=”#” size=”xl” /][wm_icon class=”icon-youtube” social=”YouTube” url=”#” size=”xl” /]

Dark and Light backgrounds:

[wm_icon class=”icon-html5″ social=”background-dark” url=”#” size=”xl” /][wm_icon class=”icon-css3″ social=”background-light” url=”#” size=”xl” /][/wm_text_block][/vc_column][/vc_row][vc_row bg_color=”#ecf8f8″ class=”bordered” padding=”2.62em” margin=”60px 0 0″ id=”shortcode”][vc_column width=”1/1″][wm_text_block]

Shortcode and its parameters

[wm_pre] [wm_icon class=”icon-class” social=”/Behance/Blogger/Delicious/DeviantART/Digg/Dribbble/Facebook/Flickr/Forrst/Github/Google+/Instagram/LinkedIn/MySpace/Pinterest/RSS/Reddit/Skype/SoundCloud/StumbleUpon/Tumblr/Twitter/Vimeo/WordPress/YouTube/background-dark/background-light” url=”#” size=”s/m/l/xl” /] [/wm_pre][/wm_text_block][/vc_column][/vc_row]

Dot Info Solution

Olympia Tech Park,
Level – 2, ALTIUS
1-SIDCO Industrial Estate,
Guindy, Chennai - 600032,
Tamilnadu, INDIA

Contact

Mail: [email protected]

TOP