{"id":3038,"date":"2025-03-23T07:13:28","date_gmt":"2025-03-23T07:13:28","guid":{"rendered":"https:\/\/wptablebuilder.com\/?post_type=docs&p=3038"},"modified":"2025-03-23T07:13:29","modified_gmt":"2025-03-23T07:13:29","password":"","slug":"icon","status":"publish","type":"docs","link":"https:\/\/wptablebuilder.com\/fr\/docs\/icon\/","title":{"rendered":"Icon (Pro)"},"content":{"rendered":"
\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

Icons can make things visually attractive. At WP Table Builder, we have icons on two elements – Styled List and Text Icon.<\/p>\n\n\n\n

And now the great news is we also have a dedicated ‘Icon’ element.<\/p>\n\n\n\n

The ‘Icon’ element lets you insert icons anywhere in the table. Just drag and drop it where you want to add it.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

Icon Options<\/h2>\n\n\n\n

You will get several useful options for modifying the Icons to meet your criteria in the icon options.<\/p>\n\n\n\n

Number of Icons<\/h3>\n\n\n\n

Now, you can display multiple icons in any place you like. Just insert the number of icons into the box, which will be displayed on your table. You can add up to 5 icons maximum<\/strong>.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

You can choose different icons for each icon you add<\/strong> when placing numerous icons. To change the default icon, click on that particular icon and change the icon from the icon library. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

Icon Color<\/h3>\n\n\n\n

Icon color allows you to adjust the color of your icons. You can choose different colors for your different icons. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

Icon Link<\/h3>\n\n\n\n

You can set link and link attributes for your icons using the Icon Link option. Also, you can attach different links and link attributes for separate icon numbers. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

Here are the other link options available for the icon link. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

If you choose the icon element<\/strong>, the UI will show<\/strong> the options for the overall icon<\/strong> element. But, If you click on a particular icon item<\/strong>, the Icon Link and other icon item-related<\/strong> options will appear<\/strong>.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

Icon Size<\/h3>\n\n\n\n

Make your icons look smaller or bigger with the help of the Icon Size option. Add or reduce the icons\u2019 size through the Icon size slider or write your icon\u2019s size directly in numbers. Shape the icon\u2019s size to your requirements. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

Icon Alignment<\/h3>\n\n\n\n

Set your icon\u2019s alignment with the Icon alignment option. You will have 3 icon alignment options: left, right, and center alignment.\u00a0<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

Spacing<\/h3>\n\n\n\n

You can set your desired margin and padding to set the layout of your icons. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

You can separately input your margin and padding values for each direction by merely activating<\/strong> the Link values icon<\/strong>. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

Deactivate the link value icon to input the same margin and padding value for each direction.\u00a0<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

By default, the Link value option remains deactivated. \u00a0<\/p>\n\n\n\n

We hope this documentation helped you understand the \u2018Icon<\/strong>\u2019 element of WP Table Builder.\u00a0<\/p>\n\n\n\n

If you have any questions, don\u2019t forget to ask them through the comment box. <\/p>","protected":false},"excerpt":{"rendered":"

Icons can make things visually attractive. At WP Table Builder, we have icons on two elements – Styled List and Text Icon. And now the great news is we also have a dedicated ‘Icon’ element. The ‘Icon’ element lets you insert icons anywhere in the table. Just drag and drop it where you want to […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[15],"doc_tag":[],"class_list":["post-3038","docs","type-docs","status-publish","hentry","doc_category-elements"],"year_month":"2026-08","word_count":403,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"name":"Istiak Rayhan","author_nicename":"wpx_roadtobl","author_url":"https:\/\/wptablebuilder.com\/fr\/author\/wpx_roadtobl\/"},"doc_category_info":[{"term_name":"Elements","term_url":"https:\/\/wptablebuilder.com\/fr\/docs-category\/elements\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/docs\/3038","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/comments?post=3038"}],"version-history":[{"count":0,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/docs\/3038\/revisions"}],"wp:attachment":[{"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/media?parent=3038"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/doc_category?post=3038"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/wptablebuilder.com\/fr\/wp-json\/wp\/v2\/doc_tag?post=3038"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}