Elements – Feature font icons

[vc_row][vc_column width= »1/1″][heading header_type= »h2″ header_size= »normal » header_weight= »light » header_align= »center » margin_top= »70″ margin_bottom= »50″ scroll_animation= »none » scroll_animation_delay= »0″ text_color= »text-normal » header_fade_out= »off »]Feature icons are perfect if you want to point out things in your content. It uses fontawesome icons so there are more than 350 icons for you to use[/heading][/vc_column][/vc_row][vc_row][vc_column width= »1/4″ align= »center » align_sm= »default » scroll_animation= »none » scroll_animation_delay= »0″][featuredicon icon= »fa fa-apple » shape_size= »big » shape= »round » overlay_grid= »0″ icon_color= »#778853″ background_color= »#bccc9b » margin_top= »20″ margin_bottom= »20″ scroll_animation= »none » scroll_animation_delay= »0″][featuredicon icon= »fa fa-android » shape_size= »normal » shape= »round » overlay_grid= »0″ icon_color= »#a1b082″ background_color= »#cddab1″ margin_top= »20″ margin_bottom= »20″ scroll_animation= »none » scroll_animation_delay= »0″][featuredicon icon= »fa fa-beer » shape_size= »medium » shape= »round » overlay_grid= »0″ icon_color= »#bbc6a4″ background_color= »#e0ebc9″ margin_top= »20″ margin_bottom= »20″ scroll_animation= »none » scroll_animation_delay= »0″][heading header_type= »h3″ header_size= »normal » header_weight= »regular » header_align= »center » margin_top= »20″ margin_bottom= »20″ scroll_animation= »none » scroll_animation_delay= »0″]Font icon with custom colors and background[/heading][/vc_column][vc_column width= »1/4″][featuredicon icon= »fa fa-css3″ shape_size= »big » shape= »round » overlay_grid= »0″ icon_color= »#887a43″ background_color= »#c7b671″ margin_top= »20″ margin_bottom= »20″ scroll_animation= »none » scroll_animation_delay= »0″ animation= »tada »][featuredicon icon= »fa fa-leaf » shape_size= »normal » shape= »round » overlay_grid= »0″ icon_color= »#a69964″ background_color= »#dbcd93″ margin_top= »20″ margin_bottom= »20″ scroll_animation= »none » scroll_animation_delay= »0″ animation= »tada »][featuredicon icon= »fa fa-pencil » shape_size= »medium » shape= »round » overlay_grid= »0″ icon_color= »#c0b485″ background_color= »#f2e7ba » margin_top= »20″ margin_bottom= »20″ scroll_animation= »none » scroll_animation_delay= »0″ animation= »hinge »][heading header_type= »h3″ header_size= »normal » header_weight= »regular » header_align= »center » margin_top= »20″ margin_bottom= »20″ scroll_animation= »none » scroll_animation_delay= »0″]Font icon with custom colors and animation on hover[/heading][/vc_column][vc_column width= »1/4″][featuredicon icon= »fa fa-html5″ shape_size= »big » shape= »round » overlay_grid= »30″ icon_color= »#3c3c4c » background_color= »#d6d7db » margin_top= »20″ margin_bottom= »20″ scroll_animation= »none » scroll_animation_delay= »0″ animation= »none »][featuredicon icon= »fa fa-key » shape_size= »normal » shape= »round » overlay_grid= »30″ icon_color= »#737382″ background_color= »#e8e9ea » margin_top= »20″ margin_bottom= »20″ scroll_animation= »none » scroll_animation_delay= »0″ animation= »none »][featuredicon icon= »fa fa-star » shape_size= »medium » shape= »round » overlay_grid= »30″ icon_color= »#91919f » background_color= »#f3f4f5″ margin_top= »20″ margin_bottom= »20″ scroll_animation= »none » scroll_animation_delay= »0″ animation= »none »][heading header_type= »h3″ header_size= »normal » header_weight= »regular » header_align= »center » margin_top= »20″ margin_bottom= »20″ scroll_animation= »none » scroll_animation_delay= »0″]Font icon with custom colors and background grid[/heading][/vc_column][vc_column width= »1/4″][featuredicon icon= »fa fa-bug » shape_size= »big » shape= »round » overlay_grid= »10″ icon_color= »#43616a » background_color= »#9bbdc7″ margin_top= »20″ margin_bottom= »20″ scroll_animation= »none » scroll_animation_delay= »0″ animation= »bounce »][featuredicon icon= »fa fa-bell » shape_size= »normal » shape= »round » overlay_grid= »10″ icon_color= »#648089″ background_color= »#c3d9e0″ margin_top= »20″ margin_bottom= »20″ scroll_animation= »none » scroll_animation_delay= »0″ animation= »bounce »][featuredicon icon= »fa fa-cogs » shape_size= »medium » shape= »round » overlay_grid= »10″ icon_color= »#8da4ab » background_color= »#e0ebef » margin_top= »20″ margin_bottom= »20″ scroll_animation= »none » scroll_animation_delay= »0″ animation= »bounce »][heading header_type= »h3″ header_size= »normal » header_weight= »regular » header_align= »center » margin_top= »20″ margin_bottom= »70″ scroll_animation= »none » scroll_animation_delay= »0″]Font icon with custom colors and all options at once[/heading][/vc_column][/vc_row][vc_row swatch= »swatch-blue » text_shadow= »no-shadow » inner_shadow= »no-shadow » width= »padded » overlay_colour= »#000000″ overlay_opacity= »0″ overlay_grid= »0″ background_image_size= »cover » background_image_repeat= »no-repeat » background_position_vertical= »0″ background_image_attachment= »scroll » height= »normal » background_image_parallax= »off » background_image_parallax_start= »0″ background_image_parallax_end= »-80″ transparency= »opaque » vertical_alignment= »default »][vc_column width= »1/1″][heading header_type= »h2″ header_size= »normal » header_weight= »light » header_align= »center » margin_top= »50″ margin_bottom= »70″ scroll_animation= »none » scroll_animation_delay= »0″ text_color= »text-normal » header_fade_out= »off »]You can change the color of the icons, the backgrounds, the animation on hover and even the shape of the background. Use a rectangle, a square or a circle if that fits you.[/heading][/vc_column][/vc_row]