{"id":33992,"date":"2019-03-04T11:30:36","date_gmt":"2019-03-04T11:30:36","guid":{"rendered":"http:\/\/getshortcodes.com\/?post_type=docs&p=33992"},"modified":"2025-08-11T13:08:01","modified_gmt":"2025-08-11T13:08:01","slug":"icon","status":"publish","type":"docs","link":"https:\/\/getshortcodes.com\/docs\/icon\/","title":{"rendered":"Icon"},"content":{"rendered":"
\n\t
\n\t\t

<\/i> This is a custom icon <\/span><\/a><\/p>\n\t<\/div>\n\t

\n\t\t
 This is a custom icon <\/span><\/a><\/pre>\n\t<\/div>\n<\/div>\n\n\n
\n\t
\n\t\t
<\/i>Download archive.zip [5Mb]<\/span><\/a><\/p>\n\t<\/div>\n\t
\n\t\t
Download archive.zip [5Mb]<\/span><\/a><\/pre>\n\t<\/div>\n<\/div>\n\n\n
\n\t
\n\t\t
<\/i>Need Support? Call Us!<\/span><\/a><\/p>\n\t<\/div>\n\t
\n\t\t
Need Support? Call Us!<\/span><\/a><\/pre>\n\t<\/div>\n<\/div>\n\n\n\n
This shortcode is available in Shortcodes Ultimate Pro<\/a><\/p>\n\n\n\n
Description<\/h2>\n\n\n\n
This shortcode allows you to create various icons (including ForkAwesome icons<\/a>).<\/p>\n\n\n\n
Options<\/h2>\n\n\n\n
Option name<\/th>Possible values<\/th>Default value<\/th><\/tr>
icon<\/strong>
Choose icon shape<\/td>		ForkAwesome<\/a> icon name (with “icon:” prefix) or icon image URL. Examples: icon: star<\/em>, http:\/\/example.com\/icon.png<\/em><\/td>\u2013 none \u2013<\/em><\/td><\/tr>
background<\/strong>
Icon background color<\/td>		#HEX color<\/td>#eeeeee<\/td><\/tr>
color<\/strong>
Icon shape color. This color be only applied to the built-in icons<\/td>		#HEX color<\/td>#333333<\/td><\/tr>
text_color<\/strong>
Pick a color for icon text<\/td>		#HEX color<\/td>#333333<\/td><\/tr>
size<\/strong>
Icon size (px)<\/td>		Number from 4 to 256<\/td>32<\/td><\/tr>
shape_size<\/strong>
Background shape size (px)<\/td>		Number from 4 to 256<\/td>16<\/td><\/tr>
radius<\/strong>
Icon background shape radius (px)<\/td>		Number from 0 to 256<\/td>256<\/td><\/tr>
text_size<\/strong>
Icon text size (px)<\/td>		Number from 4 to 80<\/td>16<\/td><\/tr>
margin<\/strong>
Icon margin (px), [top right bottom left]<\/td>		Any text value<\/td>0px 20px 20px 0px<\/td><\/tr>
url<\/strong>
Icon link<\/td>		Any text value<\/td>\u2013 none \u2013<\/em><\/td><\/tr>
target<\/strong>
Choose icon link target<\/td>		self (Open link in same window\/tab)
blank (Open link in new window\/tab)<\/td>		blank<\/td><\/tr>
class<\/strong>
Additional CSS class name(s) separated by space(s)<\/td>		CSS class name(s) separated by space(s)<\/td>\u2013 none \u2013<\/em><\/td><\/tr><\/tbody><\/table><\/figure>\n","protected":false},"featured_media":36656,"template":"","docs_category":[21],"class_list":["post-33992","docs","type-docs","status-publish","has-post-thumbnail","hentry","docs_category-shortcodes"],"_links":{"self":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/docs\/33992","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/types\/docs"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/media\/36656"}],"wp:attachment":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/media?parent=33992"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/docs_category?post=33992"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}