Icons

Icons Shortcode

Use the icon shortcode to add icons in your layout and choose between many styles.

[tdp_spacing size=”30″]

Icons can have different sizes

[icons icon_pack=”font_awesome” fa_size=”fa-lg” custom_size=”” fa_icon=”fa-area-chart” type=”normal” position=”” border_color=”” border_width=”” icon_color=”” background_color=”” margin=”0 10px 0 0″ link=””][icons icon_pack=”font_awesome” fa_size=”fa-2x” custom_size=”” fa_icon=”fa-cc-paypal” type=”normal” position=”” border_color=”” border_width=”” icon_color=”” background_color=”” margin=”0 10px 0 0″ link=””][icons icon_pack=”font_awesome” fa_size=”fa-3x” custom_size=”” fa_icon=”fa-yelp” type=”normal” position=”” border_color=”” border_width=”” icon_color=”” background_color=”” margin=”0 10px 0 0″ link=””][icons icon_pack=”font_awesome” fa_size=”fa-4x” custom_size=”” fa_icon=”fa-anchor” type=”normal” position=”” border_color=”” border_width=”” icon_color=”” background_color=”” margin=”0 10px 0 0″ link=””][icons icon_pack=”font_awesome” fa_size=”fa-5x” custom_size=”” fa_icon=”fa-bicycle” type=”normal” position=”” border_color=”” border_width=”” icon_color=”” background_color=”” margin=”0 10px 0 0″ link=””]

[tdp_spacing size=”30″]

Icons can have different colors

[icons icon_pack=”font_awesome” fa_size=”fa-lg” custom_size=”” fa_icon=”fa-area-chart” type=”normal” position=”” border_color=”” border_width=”” icon_color=”#4B77BE” background_color=”” margin=”0 10px 0 0″ link=””][icons icon_pack=”font_awesome” fa_size=”fa-2x” custom_size=”” fa_icon=”fa-cc-paypal” type=”normal” position=”” border_color=”” border_width=”” icon_color=”#543934″ background_color=”” margin=”0 10px 0 0″ link=””][icons icon_pack=”font_awesome” fa_size=”fa-3x” custom_size=”” fa_icon=”fa-yelp” type=”normal” position=”” border_color=”” border_width=”” icon_color=”#2ecc71″ background_color=”” margin=”0 10px 0 0″ link=””][icons icon_pack=”font_awesome” fa_size=”fa-4x” custom_size=”” fa_icon=”fa-anchor” type=”normal” position=”” border_color=”” border_width=”” icon_color=”” background_color=”” margin=”0 10px 0 0″ link=””][icons icon_pack=”font_awesome” fa_size=”fa-5x” custom_size=”” fa_icon=”fa-bicycle” type=”normal” position=”” border_color=”” border_width=”” icon_color=”#d35400″ background_color=”” margin=”0 10px 0 0″ link=””]

[tdp_spacing size=”30″]

Icons can have different styles

[icons icon_pack=”font_awesome” fa_size=”fa-lg” custom_size=”” fa_icon=”fa-area-chart” type=”circle” position=”” border_color=”” border_width=”” icon_color=”#4B77BE” background_color=”” margin=”0 10px 0 0″ link=””][icons icon_pack=”font_awesome” fa_size=”fa-2x” custom_size=”” fa_icon=”fa-cc-paypal” type=”circle” position=”” border_color=”” border_width=”” icon_color=”#543934″ background_color=”” margin=”0 10px 0 0″ link=””][icons icon_pack=”font_awesome” fa_size=”fa-3x” custom_size=”” fa_icon=”fa-yelp” type=”circle” position=”” border_color=”” border_width=”” icon_color=”#2ecc71″ background_color=”” margin=”0 10px 0 0″ link=””][icons icon_pack=”font_awesome” fa_size=”fa-4x” custom_size=”” fa_icon=”fa-anchor” type=”circle” position=”” border_color=”” border_width=”” icon_color=”” background_color=”” margin=”0 10px 0 0″ link=””][icons icon_pack=”font_awesome” fa_size=”fa-5x” custom_size=”” fa_icon=”fa-bicycle” type=”circle” position=”” border_color=”” border_width=”” icon_color=”#d35400″ background_color=”” margin=”0 10px 0 0″ link=””]