{"id":786,"date":"2025-03-25T04:30:25","date_gmt":"2025-03-25T04:30:25","guid":{"rendered":"https:\/\/animation-addons.com\/docs\/general-widgets\/icon-box\/"},"modified":"2025-08-10T04:50:50","modified_gmt":"2025-08-10T04:50:50","slug":"icon-box","status":"publish","type":"docs","link":"https:\/\/animation-addons.com\/docs\/general-widgets\/icon-box\/","title":{"rendered":"Icon Box Widget Documentation"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Before setting up the <strong>Icon Widget<\/strong>, make sure that the <strong>Animation Addons <\/strong>for <strong>Elementor <\/strong>plugin is <strong>installed and activated<\/strong> on your site. Once <strong>activated<\/strong>, you\u2019ll get access to all <strong>free Elementor widgets<\/strong>, including the Icon Widget\u2014completely free! You can also explore both free and pro widgets by using the filter options.<\/p>\n\n\n\n<div class=\"wp-block-columns cth-img-box has-black-background-color has-background is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1204\" height=\"601\" src=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/Image-Box-1.webp\" alt=\"Image Box 1\" class=\"wp-image-15012\" srcset=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/Image-Box-1.webp 1204w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/Image-Box-1-300x150.webp 300w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/Image-Box-1-1024x511.webp 1024w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/Image-Box-1-768x383.webp 768w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/Image-Box-1-20x10.webp 20w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/Image-Box-1-32x16.webp 32w\" sizes=\"(max-width: 1204px) 100vw, 1204px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Key Use Cases for the Icon Box Widget in Elementor:<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The Icon Widget in Elementor lets you display fully customizable icons with control over size, color, alignment, hover effects, and links, enhancing both design and interactivity.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Use the Icon Box widget to showcase services, features, or key offerings with icons and descriptive text.<\/li>\n\n\n\n<li>Create visually engaging sections to highlight important information, enhancing user experience and interaction.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Prerequisite<\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Elementor<\/li>\n\n\n\n<li>Animation Addons for Elementor<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>How to Activate the Icon Widget<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to <strong>Animation Addons \u2192 Elements<\/strong> in your WordPress dashboard.<\/li>\n\n\n\n<li>Find the <strong>Icon Widget<\/strong> in the list.<\/li>\n\n\n\n<li>Toggle it <strong>on<\/strong> to enable the widget.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Now, the <strong>Icon Widget<\/strong> is ready to use!<\/p>\n\n\n\n<div class=\"wp-block-columns cth-img-box has-black-background-color has-background is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/image7-1.png\" alt=\"Image Box 1\"\/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>How to Configure the Icon Widget in Animation Addons:<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>In the Elementor panel, search for the <strong>&#8220;Icon Widget.&#8221;<\/strong><\/li>\n\n\n\n<li>Drag and drop the widget into the desired section.<\/li>\n\n\n\n<li>Customize icon settings like type, size, color, hover effects, and link using the available options.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Your <strong>Icon Widget<\/strong> is now ready to use! Use the tabs to style and personalize it for a visually engaging effect.<\/p>\n\n\n\n<div class=\"wp-block-columns cth-img-box has-black-background-color has-background is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/image5-1.png\" alt=\"Image Box 1\"\/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Icon Box Widget in Animation Addons: A Step-by-Step Guide.<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The <strong>Icon Box Widget<\/strong> is available in Elementor and can be placed on the desired section of the page. It offers three main settings tabs: <strong>Content, Style, and Advanced.<\/strong><\/p>\n\n\n\n<div class=\"wp-block-columns cth-img-box has-black-background-color has-background is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/image10-1.png\" alt=\"Image Box 1\"\/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Content Settings<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Icon Box&nbsp;<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Under the <strong>Content<\/strong> section of the Icon Widget, you\u2019ll find the <strong>Icon<\/strong> settings, where you can customize the following:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Icon Box Style<\/strong>: Choose the layout style for the icon and text.<\/li>\n\n\n\n<li><strong>Icon<\/strong>: Select the icon you want to display.<\/li>\n\n\n\n<li><strong>Title<\/strong>: Add a custom title next to or below the icon.<\/li>\n\n\n\n<li><strong>Title HTML Tag<\/strong>: Choose a suitable HTML tag for the title (like H1\u2013H6, div, span).<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-columns cth-img-box has-black-background-color has-background is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/image1-1.png\" alt=\"\"\/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Description<\/strong>: Add short supporting text or details below the title.<\/li>\n\n\n\n<li><strong>Media<\/strong>: Upload or link media content if needed.<\/li>\n\n\n\n<li><strong>Paragraph<\/strong>: Insert additional text or context as a paragraph.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Each setting allows you to personalize the widget for a clean, functional design.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Button<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In the Button section of the Icon Widget, you\u2019ll find the following customization options:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Style: <\/strong>Choose the default look of the button.<\/li>\n\n\n\n<li><strong>Hover Style: <\/strong>Set the visual effect when users hover over the button.<\/li>\n\n\n\n<li><strong>Text: <\/strong>Enter the button label or call-to-action.<\/li>\n\n\n\n<li><strong>Link: <\/strong>Add a URL where the button will redirect.<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-columns cth-img-box has-black-background-color has-background is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/image4-1.png\" alt=\"\"\/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Icon: <\/strong>Select an icon to show with the text.<\/li>\n\n\n\n<li><strong>Icon Position: <\/strong>Place the icon before or after the text.<\/li>\n\n\n\n<li><strong>Direction: <\/strong>Set the direction of the button content (row or column).<\/li>\n\n\n\n<li><strong>Icon Spacing: <\/strong>Adjust the space between the icon and text.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">These settings help you design engaging, clickable buttons for a better user experience.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Style Settings<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Style <\/strong>settings provide the flexibility to fine-tune and enhance your content, improving its visual appeal. Within this section, you&#8217;ll find options for <strong>Box<\/strong>, <strong>Icon<\/strong>, <strong>Content<\/strong>, <strong>Button<\/strong>, and <strong>Hover <\/strong>Effects. Let&#8217;s explore how each of these works:&nbsp;&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In the <strong>Style<\/strong> section of the Icon Widget, you&#8217;ll find four key areas to customize:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Box<\/strong>: Adjust background, border, padding, and overall box layout.<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-columns cth-img-box has-black-background-color has-background is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/image8-1.png\" alt=\"\"\/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Icon<\/strong>: Change icon size, color, spacing, and hover effects.<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-columns cth-img-box has-black-background-color has-background is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/image9-1.png\" alt=\"\"\/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Content<\/strong>: Style the title and description with typography, color, and spacing.<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-columns cth-img-box has-black-background-color has-background is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/image6-1.png\" alt=\"\"\/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Button<\/strong>: Customize button appearance, including colors, typography, border, and hover animations.<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-columns cth-img-box has-black-background-color has-background is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/image4-1.png\" alt=\"\"\/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">These controls let you perfectly style the widget to match your site design.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Advanced Settings&nbsp;<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">In the advanced settings, you\u2019ll find a variety of advanced features designed to enhance your designs. Experiment with these options and experience the difference they make.<\/p>\n\n\n\n<div class=\"wp-block-columns cth-img-box has-black-background-color has-background is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/image11.png\" alt=\"\"\/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Final Outcome<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">That\u2019s it! You\u2019ve now learned how to configure the <strong>Icon Box <\/strong>in Elementor to effectively customize and display dynamic counters on your website.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you need further assistance, feel free to reach out to our support team!<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/animation-addons.com\/widgets\/aae-icon-box\/\">View Live Demo<\/a><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Before setting up the Icon Widget, make sure that the Animation Addons for Elementor plugin is installed and activated on your site. Once activated, you\u2019ll get access to all free Elementor widgets, including the Icon Widget\u2014completely free! You can also explore both free and pro widgets by using the filter options. Key Use Cases for [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":17058,"parent":43,"menu_order":8,"comment_status":"closed","ping_status":"closed","template":"","doc_tag":[],"doc_badge":[],"class_list":["post-786","docs","type-docs","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Icon Box Widget Documentation - Animation Addons<\/title>\n<meta name=\"description\" content=\"Step-by-step documentation for setting up the Icon Widget in Elementor. Add visual elements with full styling and link control.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/animation-addons.com\/docs\/general-widgets\/icon-box\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Icon Box Widget Documentation - Animation Addons\" \/>\n<meta property=\"og:description\" content=\"Step-by-step documentation for setting up the Icon Widget in Elementor. Add visual elements with full styling and link control.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/animation-addons.com\/docs\/general-widgets\/icon-box\/\" \/>\n<meta property=\"og:site_name\" content=\"Animation Addons\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/animationaddons\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-10T04:50:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Icon-Box-Docs-Featured-Image.png\" \/>\n\t<meta property=\"og:image:width\" content=\"48\" \/>\n\t<meta property=\"og:image:height\" content=\"49\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@animationaddons\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/general-widgets\\\/icon-box\\\/\",\"url\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/general-widgets\\\/icon-box\\\/\",\"name\":\"Icon Box Widget Documentation - Animation Addons\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/general-widgets\\\/icon-box\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/general-widgets\\\/icon-box\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/Icon-Box-Docs-Featured-Image.png\",\"datePublished\":\"2025-03-25T04:30:25+00:00\",\"dateModified\":\"2025-08-10T04:50:50+00:00\",\"description\":\"Step-by-step documentation for setting up the Icon Widget in Elementor. Add visual elements with full styling and link control.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/general-widgets\\\/icon-box\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/animation-addons.com\\\/docs\\\/general-widgets\\\/icon-box\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/general-widgets\\\/icon-box\\\/#primaryimage\",\"url\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/Icon-Box-Docs-Featured-Image.png\",\"contentUrl\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/Icon-Box-Docs-Featured-Image.png\",\"width\":48,\"height\":49,\"caption\":\"Icon Box Docs Featured Image\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/general-widgets\\\/icon-box\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"General Widgets\",\"item\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/general-widgets\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Icon Box Widget Documentation\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/#website\",\"url\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/\",\"name\":\"Animation Addons\",\"description\":\"Best Animation Plugin for WordPress\",\"publisher\":{\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/#organization\"},\"alternateName\":\"Animation Addons for Elementor\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/#organization\",\"name\":\"Animation Addons\",\"alternateName\":\"Animation Addons for Elementor\",\"url\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/logo.svg\",\"contentUrl\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/logo.svg\",\"width\":48,\"height\":48,\"caption\":\"Animation Addons\"},\"image\":{\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/animationaddons\",\"https:\\\/\\\/x.com\\\/animationaddons\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/animation-addons\\\/\",\"https:\\\/\\\/www.pinterest.com\\\/animationaddons\\\/\",\"https:\\\/\\\/www.instagram.com\\\/aimationaddons\\\/\",\"https:\\\/\\\/www.tiktok.com\\\/@animationaddons\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Icon Box Widget Documentation - Animation Addons","description":"Step-by-step documentation for setting up the Icon Widget in Elementor. Add visual elements with full styling and link control.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/animation-addons.com\/docs\/general-widgets\/icon-box\/","og_locale":"en_US","og_type":"article","og_title":"Icon Box Widget Documentation - Animation Addons","og_description":"Step-by-step documentation for setting up the Icon Widget in Elementor. Add visual elements with full styling and link control.","og_url":"https:\/\/animation-addons.com\/docs\/general-widgets\/icon-box\/","og_site_name":"Animation Addons","article_publisher":"https:\/\/www.facebook.com\/animationaddons","article_modified_time":"2025-08-10T04:50:50+00:00","og_image":[{"width":48,"height":49,"url":"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Icon-Box-Docs-Featured-Image.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_site":"@animationaddons","twitter_misc":{"Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/animation-addons.com\/docs\/general-widgets\/icon-box\/","url":"https:\/\/animation-addons.com\/docs\/general-widgets\/icon-box\/","name":"Icon Box Widget Documentation - Animation Addons","isPartOf":{"@id":"https:\/\/animation-addons.com\/docs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/animation-addons.com\/docs\/general-widgets\/icon-box\/#primaryimage"},"image":{"@id":"https:\/\/animation-addons.com\/docs\/general-widgets\/icon-box\/#primaryimage"},"thumbnailUrl":"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Icon-Box-Docs-Featured-Image.png","datePublished":"2025-03-25T04:30:25+00:00","dateModified":"2025-08-10T04:50:50+00:00","description":"Step-by-step documentation for setting up the Icon Widget in Elementor. Add visual elements with full styling and link control.","breadcrumb":{"@id":"https:\/\/animation-addons.com\/docs\/general-widgets\/icon-box\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/animation-addons.com\/docs\/general-widgets\/icon-box\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/animation-addons.com\/docs\/general-widgets\/icon-box\/#primaryimage","url":"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Icon-Box-Docs-Featured-Image.png","contentUrl":"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/03\/Icon-Box-Docs-Featured-Image.png","width":48,"height":49,"caption":"Icon Box Docs Featured Image"},{"@type":"BreadcrumbList","@id":"https:\/\/animation-addons.com\/docs\/general-widgets\/icon-box\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/animation-addons.com\/docs\/"},{"@type":"ListItem","position":2,"name":"General Widgets","item":"https:\/\/animation-addons.com\/docs\/general-widgets\/"},{"@type":"ListItem","position":3,"name":"Icon Box Widget Documentation"}]},{"@type":"WebSite","@id":"https:\/\/animation-addons.com\/docs\/#website","url":"https:\/\/animation-addons.com\/docs\/","name":"Animation Addons","description":"Best Animation Plugin for WordPress","publisher":{"@id":"https:\/\/animation-addons.com\/docs\/#organization"},"alternateName":"Animation Addons for Elementor","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/animation-addons.com\/docs\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/animation-addons.com\/docs\/#organization","name":"Animation Addons","alternateName":"Animation Addons for Elementor","url":"https:\/\/animation-addons.com\/docs\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/animation-addons.com\/docs\/#\/schema\/logo\/image\/","url":"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/logo.svg","contentUrl":"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/logo.svg","width":48,"height":48,"caption":"Animation Addons"},"image":{"@id":"https:\/\/animation-addons.com\/docs\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/animationaddons","https:\/\/x.com\/animationaddons","https:\/\/www.linkedin.com\/company\/animation-addons\/","https:\/\/www.pinterest.com\/animationaddons\/","https:\/\/www.instagram.com\/aimationaddons\/","https:\/\/www.tiktok.com\/@animationaddons"]}]}},"author_avatar":"https:\/\/secure.gravatar.com\/avatar\/d0824328e817de9f5f8d005a4b8d1fcea87dd03cee2b85f00c4d3cb2da172cfe?s=96&d=mm&r=g","author_name":"docs_admin","_links":{"self":[{"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/docs\/786","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/comments?post=786"}],"version-history":[{"count":10,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/docs\/786\/revisions"}],"predecessor-version":[{"id":17850,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/docs\/786\/revisions\/17850"}],"up":[{"embeddable":true,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/docs\/43"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/media\/17058"}],"wp:attachment":[{"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/media?parent=786"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/doc_tag?post=786"},{"taxonomy":"doc_badge","embeddable":true,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/doc_badge?post=786"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}