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]

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *