{"id":633,"date":"2014-09-16T12:37:22","date_gmt":"2014-09-16T12:37:22","guid":{"rendered":"http:\/\/codex-themes.com\/scalia\/?page_id=633"},"modified":"2014-09-16T12:37:22","modified_gmt":"2014-09-16T12:37:22","slug":"font-icons","status":"publish","type":"page","link":"https:\/\/msf.telkomuniversity.ac.id\/en\/shortcodes\/font-icons\/","title":{"rendered":"400+ FONT ICONS"},"content":{"rendered":"<div class=\"wpb-content-wrapper\" id=\"wpb-content-root\"><p>[vc_row][vc_column width=&#8221;1\/1&#8243; css=&#8221;.vc_custom_1420356636047{margin-top: -7px !important;}&#8221;][vc_column_text]<\/p>\n<div class=\"title-h3\">BIG ICONS<\/div>\n<p>In Scalia you can set 3 different icon sizes: big, medium and small. You can select whether to use rounded or squared icons, with or without borders. You are able to paint your icons with any colors you wish. And even more: in Scalia you can create unique bicolored icons, choosing from 3 various color separation styles![\/vc_column_text][sc_divider margin_bottom=&#8221;-5&#8243;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/4&#8243;][sc_icon shape=&#8221;circle&#8221; size=&#8221;big&#8221; link_target=&#8221;_self&#8221; icon=&#8221;e756&#8243; color=&#8221;#ffffff&#8221; centered=&#8221;1&#8243; border_color=&#8221;#59abb7&#8243; background_color=&#8221;#59abb7&#8243;][\/vc_column][vc_column width=&#8221;1\/4&#8243;][sc_icon shape=&#8221;circle&#8221; size=&#8221;big&#8221; link_target=&#8221;_self&#8221; icon=&#8221;e71b&#8221; color=&#8221;#ffa188&#8243; centered=&#8221;1&#8243; border_color=&#8221;#ff7070&#8243; style=&#8221;angle-90deg&#8221; color_2=&#8221;#ff7070&#8243;][\/vc_column][vc_column width=&#8221;1\/4&#8243;][sc_icon shape=&#8221;square&#8221; size=&#8221;big&#8221; link_target=&#8221;_self&#8221; icon=&#8221;e70f&#8221; color=&#8221;#ffcab2&#8243; background_color=&#8221;#ffffff&#8221; centered=&#8221;1&#8243; color_2=&#8221;#ff9d70&#8243; border_color=&#8221;#ff9d70&#8243; style=&#8221;angle-45deg-l&#8221;][\/vc_column][vc_column width=&#8221;1\/4&#8243;][sc_icon shape=&#8221;circle&#8221; size=&#8221;big&#8221; link_target=&#8221;_self&#8221; icon=&#8221;e75b&#8221; color=&#8221;#afcadb&#8221; centered=&#8221;1&#8243; border_color=&#8221;rgba(255,255,255,0.01)&#8221; color_2=&#8221;#598bac&#8221; style=&#8221;angle-45deg-r&#8221;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/1&#8243;][sc_divider margin_bottom=&#8221;20&#8243;][sc_alert_box icon_shape=&#8221;square&#8221; icon_size=&#8221;small&#8221; button_link_target=&#8221;_blank&#8221; button_2_link_target=&#8221;_self&#8221; background_color=&#8221;#f1f5f8&#8243; button_text=&#8221;show more big icons&#8221; button_background_color=&#8221;#fc6e6f&#8221; button_link=&#8221;http:\/\/codex-themes.com\/scalia\/shortcodes\/styled-boxes\/&#8221;][vc_column_text]Check this sample page to realise the diversity of unlimited usage combinations for big icons inside your page content.[\/vc_column_text][\/sc_alert_box][\/vc_column][vc_column][sc_divider style=&#8221;1&#8243; margin_bottom=&#8221;57&#8243; color=&#8221;#dfe4ea&#8221; margin_top=&#8221;70&#8243;][vc_column_text]<\/p>\n<h3>MEDIUM\u00a0ICONS<\/h3>\n<p>In Scalia you can set 3 different icon sizes: big, medium and small. You can select whether to use rounded or squared icons, with or without borders. You are able to paint your icons with any colors you wish. And even more: in Scalia you can create unique bicolored icons, choosing from 3 various color separation styles! [\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/4&#8243;][sc_icon shape=&#8221;circle&#8221; size=&#8221;medium&#8221; link_target=&#8221;_self&#8221; icon=&#8221;e67f&#8221; color=&#8221;#ffffff&#8221; background_color=&#8221;#b77d9e&#8221; centered=&#8221;1&#8243;][\/vc_column][vc_column width=&#8221;1\/4&#8243;][sc_icon shape=&#8221;circle&#8221; size=&#8221;medium&#8221; link_target=&#8221;_self&#8221; icon=&#8221;e67c&#8221; color=&#8221;#9b8e85&#8243; centered=&#8221;1&#8243; border_color=&#8221;#9b8e85&#8243;][\/vc_column][vc_column width=&#8221;1\/4&#8243;][sc_icon shape=&#8221;square&#8221; size=&#8221;medium&#8221; link_target=&#8221;_self&#8221; icon=&#8221;e66f&#8221; color=&#8221;#ffffff&#8221; background_color=&#8221;#598bac&#8221; centered=&#8221;1&#8243;][\/vc_column][vc_column width=&#8221;1\/4&#8243;][sc_icon shape=&#8221;circle&#8221; size=&#8221;medium&#8221; link_target=&#8221;_self&#8221; icon=&#8221;e67e&#8221; color=&#8221;#4c5866&#8243; centered=&#8221;1&#8243; border_color=&#8221;rgba(255,255,255,0.01)&#8221;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/1&#8243;][sc_divider margin_bottom=&#8221;25&#8243;][sc_alert_box icon_shape=&#8221;square&#8221; icon_size=&#8221;small&#8221; button_link_target=&#8221;_self&#8221; button_2_link_target=&#8221;_self&#8221; background_color=&#8221;#f1f5f8&#8243; button_text=&#8221;show more medium icons&#8221; button_background_color=&#8221;#9ec7b7&#8243; button_link=&#8221;http:\/\/codex-themes.com\/scalia\/shortcodes\/styled-boxes-medium\/&#8221;][vc_column_text]Check this sample page to realise the diversity of unlimited combinations of medium icons inside your page content.[\/vc_column_text][\/sc_alert_box][\/vc_column][vc_column][sc_divider style=&#8221;1&#8243; margin_bottom=&#8221;57&#8243; color=&#8221;#dfe4ea&#8221; margin_top=&#8221;70&#8243;][vc_column_text]<\/p>\n<h3>SMALL\u00a0ICONS<\/h3>\n<p>In Scalia you can set 3 different icon sizes: big, medium and small. You can select whether to use rounded or squared icons, with or without borders. You are able to paint your icons with any colors you wish. And even more: in Scalia you can create unique bicolored icons, choosing from 3 various color separation styles! [\/vc_column_text][sc_divider margin_bottom=&#8221;15&#8243;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/4&#8243;][sc_icon shape=&#8221;circle&#8221; size=&#8221;small&#8221; link_target=&#8221;_self&#8221; icon=&#8221;e695&#8243; color=&#8221;#ffffff&#8221; background_color=&#8221;#84ac8d&#8221; centered=&#8221;1&#8243;][\/vc_column][vc_column width=&#8221;1\/4&#8243;][sc_icon shape=&#8221;circle&#8221; size=&#8221;small&#8221; link_target=&#8221;_self&#8221; icon=&#8221;e641&#8243; color=&#8221;#ff7070&#8243; centered=&#8221;1&#8243; border_color=&#8221;#ff7070&#8243;][\/vc_column][vc_column width=&#8221;1\/4&#8243;][sc_icon shape=&#8221;square&#8221; size=&#8221;small&#8221; link_target=&#8221;_self&#8221; icon=&#8221;e65f&#8221; color=&#8221;#ffffff&#8221; background_color=&#8221;#b9ce94&#8243; centered=&#8221;1&#8243;][\/vc_column][vc_column width=&#8221;1\/4&#8243;][sc_icon shape=&#8221;circle&#8221; size=&#8221;small&#8221; link_target=&#8221;_self&#8221; icon=&#8221;e6a9&#8243; color=&#8221;#4c5866&#8243; centered=&#8221;1&#8243; border_color=&#8221;rgba(255,255,255,0.01)&#8221;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/1&#8243;][sc_divider margin_bottom=&#8221;20&#8243;][sc_alert_box icon_shape=&#8221;square&#8221; icon_size=&#8221;small&#8221; button_link_target=&#8221;_blank&#8221; button_2_link_target=&#8221;_self&#8221; background_color=&#8221;#f1f5f8&#8243; button_text=&#8221;show more small icons&#8221; button_background_color=&#8221;#59abb7&#8243; button_link=&#8221;http:\/\/codex-themes.com\/scalia\/shortcodes\/small\/&#8221;][vc_column_text]Check this sample page to realise the diversity of unlimited usage combinations for small icons inside your page content. [\/vc_column_text][\/sc_alert_box][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/1&#8243;][sc_divider margin_bottom=&#8221;37&#8243; margin_top=&#8221;27&#8243;][sc_fullwidth background_position_horizontal=&#8221;center&#8221; background_image=&#8221;329&#8243; padding_top=&#8221;100&#8243; padding_bottom=&#8221;100&#8243; container=&#8221;1&#8243; styled_marker=&#8221;top&#8221; background_color=&#8221;#f1f5f8&#8243; background_position_vertical=&#8221;top&#8221; padding_left=&#8221;25&#8243; padding_right=&#8221;25&#8243;][sc_alert_box icon_shape=&#8221;square&#8221; icon_size=&#8221;small&#8221; button_link_target=&#8221;_self&#8221; button_2_link_target=&#8221;_self&#8221; image=&#8221;207&#8243; button_text=&#8221;PURCHASE SCALIA&#8221; button_color=&#8221;#ffffff&#8221; button_background_color=&#8221;#4c5866&#8243;][vc_column_text]<span class=\"styled-subtitle\" style=\"color: #4c5866;\">Is An Awesome Multi-Purpose Theme!<\/span><br \/>\n<span class=\"styled-subtitle\" style=\"color: #4c5866;\"> Purchase Now And Make Your Clients Happy!<\/span>[\/vc_column_text][\/sc_alert_box][\/sc_fullwidth][sc_divider margin_bottom=&#8221;69&#8243;][sc_fullwidth background_position_horizontal=&#8221;center&#8221; background_position_vertical=&#8221;top&#8221; padding_top=&#8221;5&#8243; padding_bottom=&#8221;20&#8243; padding_left=&#8221;25&#8243; padding_right=&#8221;25&#8243;][vc_column_text]<\/p>\n<div class=\"wpb_text_column wpb_content_element \">\n<div class=\"wpb_wrapper\">\n<h3 style=\"text-align: center;\">OUR BEST PROJECTS<\/h3>\n<p style=\"text-align: center;\">Term sheet convertible note colluding bootstrapping. Engine cross platform responsive design OAuth.<\/p>\n<\/div>\n<\/div>\n<p>[\/vc_column_text][\/sc_fullwidth][sc_divider margin_bottom=&#8221;5&#8243;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/1&#8243;][sc_portfolio_slider portfolio_layout=&#8221;100%&#8221; portfolio_display_titles=&#8221;hover&#8221; portfolio_hover=&#8221;default&#8221; portfolio_fullwidth_columns=&#8221;4&#8243; portfolio_no_gaps=&#8221;1&#8243; portfolio_show_info=&#8221;1&#8243; portfolio_disable_socials=&#8221;1&#8243; effects_enabled=&#8221;1&#8243; portfolios=&#8221;vectors, webdesign, photography-en&#8221;][\/vc_column][\/vc_row] <\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column width=&#8221;1\/1&#8243; css=&#8221;.vc_custom_1420356636047{margin-top: -7px !important;}&#8221;][vc_column_text] BIG ICONS In Scalia you can set 3 different icon sizes: big, medium and small. You can select whether to use rounded or squared icons, with or without borders. You are able to paint your icons with any colors you wish. And even more: in Scalia you can create unique [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":674,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-633","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/msf.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/pages\/633","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/msf.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/msf.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/msf.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/msf.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/comments?post=633"}],"version-history":[{"count":0,"href":"https:\/\/msf.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/pages\/633\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/msf.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/pages\/674"}],"wp:attachment":[{"href":"https:\/\/msf.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/media?parent=633"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}