Mastering the Best Practices for Using SVG Icons in Web Design
When it comes to incorporating icons into your web design, following the best practices for using SVG icons in web design can make all the difference in creating a visually appealing and user-friendly interface. SVGs (Scalable Vector Graphics) have become the go-to choice for icons in modern web design, and for good reason – they offer a level of flexibility, customizability, and performance that other formats simply can’t match. In this article, we’ll dive into the best practices for using SVG icons in web design, and explore the benefits and considerations you need to know to take your icon game to the next level.
Why SVG Icons Are a Game-Changer
Before we dive into the best practices, let’s take a quick look at why SVG icons have become the standard in modern web design. Unlike raster image formats like PNG or JPEG, SVGs are vector-based, meaning they can be scaled up or down without losing any quality. This makes them perfect for icons, which need to be legible and crisp at a variety of sizes and resolutions. Additionally, SVGs are often much smaller in file size than raster images, which can help improve page load times and overall site performance.
Choosing the Right SVG Icon Format
When working with SVG icons, you’ll typically have a few different formats to choose from: SVG sprites, individual SVG files, and icon fonts. Each format has its own strengths and weaknesses, and the best choice for your project will depend on your specific needs and goals. For example, SVG sprites can be a great choice if you need to use a large number of icons, as they allow you to combine multiple icons into a single file. On the other hand, individual SVG files can be more flexible and easier to manage, especially if you’re working with a smaller number of icons.
Icon fonts, like Font Awesome or Material Design Icons, can also be a great option, especially if you need to use a large number of icons across multiple projects. However, it’s worth noting that icon fonts can be less accessible than other formats, and may not be suitable for all users.
Optimizing SVG Icons for Web Performance
One of the biggest benefits of using SVG icons is their potential to improve page load times and overall site performance. However, this benefit can be quickly negated if your SVGs are not optimized for web use. To get the most out of your SVG icons, make sure to follow these best practices:
Use a tool like SVGO or SVGcleaner to compress and optimize your SVG files.
Avoid using unnecessary attributes or elements in your SVG code.
Use CSS to style and layout your SVG icons, rather than relying on inline styles or JavaScript.
Consider using a CDN or caching mechanism to reduce the number of requests made to your server.
By following these best practices, you can ensure that your SVG icons are fast, efficient, and easy to maintain.
Accessibility Considerations for SVG Icons
When it comes to accessibility, SVG icons can be a bit of a mixed bag. On the one hand, SVGs can be highly accessible, especially when used in conjunction with ARIA attributes and other accessibility features. On the other hand, poorly implemented SVG icons can create barriers for users with disabilities.
To make sure your SVG icons are accessible to all users, follow these best practices:
Use ARIA attributes to provide screen reader text and other accessibility information.
Ensure that your SVG icons have a clear and consistent visual hierarchy.
Provide alternative text for users who may not be able to see or understand your icons.
Test your SVG icons with a variety of assistive technologies and devices.
By prioritizing accessibility and following these best practices, you can create SVG icons that are usable and enjoyable for all users.
Using SVG Icons in Responsive Web Design
In today’s mobile-first, responsive web design landscape, SVG icons need to be able to adapt to a wide range of screen sizes and devices. To make sure your SVG icons are responsive and flexible, follow these best practices:
Use relative units like em or rem to size your SVG icons, rather than fixed units like px.
Use media queries to adjust the size and layout of your SVG icons at different breakpoints.
Consider using a flexible grid system to layout your SVG icons and other content.
Test your SVG icons on a variety of devices and screen sizes to ensure they are displaying correctly.
By following these best practices, you can create SVG icons that are responsive, flexible, and look great on any device.
At Bluegift Digital, we specialize in creating custom web designs that incorporate the best practices for using SVG icons in web design. Whether you’re looking to improve your site’s performance, accessibility, or overall user experience, our team of experts can help. Learn more about our web design services at https://bluegiftdigital.com .
(Note: The HTML table, conclusion, and CTA will follow this main body content.)
Optimizing Icon Performance: Best Practices for Using SVG Icons in Web Design
When it comes to incorporating icons into your web design, SVGs offer a powerful solution. However, to ensure seamless integration and optimal performance, it’s essential to follow best practices. Below, we’ll outline the key considerations for using SVG icons in web design.
Best Practice
Description
Benefits
Use SVG Sprites
Combine multiple icons into a single SVG file
Reduces HTTP requests, improves page load times, and simplifies icon management
Optimize SVG Files
Use tools like SVGO or ImageOptim to compress and minimize SVG code
Reduces file size, improves page load times, and enhances overall performance
Use Icon Fonts Sparingly
Use icon fonts only when necessary, and consider alternative solutions like SVGs
Avoids font loading issues, improves accessibility, and provides more design flexibility
Consider Icon Size and Complexity
Use simple, scalable icons and avoid complex or high-resolution designs
Improves page load times, reduces file size, and enhances overall performance
Use ARIA Attributes for Accessibility
Add ARIA attributes to provide screen reader accessibility for SVG icons
Enhances accessibility, improves user experience, and meets web accessibility standards
Unlocking the Power of SVG Icons in Web Design
By following these best practices for using SVG icons in web design, you can unlock the full potential of scalable vector graphics. From improving page load times and enhancing accessibility to simplifying icon management and providing design flexibility, the benefits of using SVGs are undeniable.
Ready to take your web design to the next level? Learn more about our expert web design services and discover how we can help you create a visually stunning, high-performing website that exceeds your users’ expectations. Visit bluegiftdigital.com today and let’s get started!
SVG Icon Best Practices: Frequently Asked Questions
When it comes to using SVG icons in web design, there are many benefits, such as scalability, customizability, and improved page load times. However, to get the most out of SVG icons, it’s essential to follow best practices and understand how to implement them effectively.
What are the advantages of using SVG icons over raster icons?
SVG icons offer several advantages over raster icons, including scalability to any size without losing quality, smaller file sizes, and the ability to be styled with CSS. This makes them ideal for responsive design and reducing page load times.
How do I create custom SVG icons for my website?
You can create custom SVG icons using vector graphics editors like Adobe Illustrator, Sketch, or Figma. You can also use online tools like Iconfinder or Noun Project to find and customize pre-made SVG icons.
Can I use SVG icons as a background image?
While it’s possible to use SVG icons as a background image, it’s not always the best approach. Instead, use the `` element inline to ensure better accessibility and styling control. If you must use a background image, consider using a sprite sheet or icon font.
How do I optimize SVG icons for web use?
To optimize SVG icons, make sure to simplify the design, remove unnecessary elements, and compress the file using tools like SVGO or Gzip. This will reduce the file size and improve page load times.
Can I animate SVG icons using CSS?
Yes, you can animate SVG icons using CSS by applying styles and animations directly to the `` element or its child elements. This allows for creative and engaging interactions.
How do I make SVG icons accessible for screen readers?
To make SVG icons accessible, add a descriptive title element (`
`) and a description (`<desc>`) to the SVG code. You can also use ARIA attributes to provide additional information for screen readers.</p>
<h3>Can I use SVG icons in conjunction with icon fonts?</h3>
<p>Yes, you can use SVG icons alongside icon fonts like Font Awesome or Material Design Icons. This allows you to take advantage of the strengths of each approach and provide a more comprehensive icon system.</p>
<h3>What are some common mistakes to avoid when using SVG icons?</h3>
<p>Common mistakes to avoid include not optimizing SVG files, not providing alt text or descriptions for accessibility, and not testing SVG icons across different browsers and devices.</p>
<p>Ready to take your web design to the next level with SVG icons? Explore our resources on advanced SVG techniques and best practices to learn more!</p>
</div>
</div>
</div>
</div>
<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-ac42b5b" data-id="ac42b5b" data-element_type="column">
<div class="elementor-widget-wrap elementor-element-populated">
<div class="elementor-element elementor-element-0ded3c8 elementor-toc--minimized-on-tablet elementor-widget elementor-widget-table-of-contents" data-id="0ded3c8" data-element_type="widget" data-settings="{"exclude_headings_by_selector":[],"no_headings_message":"No headings were found on this page.","headings_by_tags":["h2","h3","h4","h5","h6"],"marker_view":"numbers","minimize_box":"yes","minimized_on":"tablet","hierarchical_view":"yes","min_height":{"unit":"px","size":"","sizes":[]},"min_height_tablet":{"unit":"px","size":"","sizes":[]},"min_height_mobile":{"unit":"px","size":"","sizes":[]}}" data-widget_type="table-of-contents.default">
<div class="elementor-widget-container">
<div class="elementor-toc__header">
<h4 class="elementor-toc__header-title">
Table of Contents </h4>
<div class="elementor-toc__toggle-button elementor-toc__toggle-button--expand" role="button" tabindex="0" aria-controls="elementor-toc__0ded3c8" aria-expanded="true" aria-label="Open table of contents"><i aria-hidden="true" class="fas fa-chevron-down"></i></div>
<div class="elementor-toc__toggle-button elementor-toc__toggle-button--collapse" role="button" tabindex="0" aria-controls="elementor-toc__0ded3c8" aria-expanded="true" aria-label="Close table of contents"><i aria-hidden="true" class="fas fa-chevron-up"></i></div>
</div>
<div id="elementor-toc__0ded3c8" class="elementor-toc__body">
<div class="elementor-toc__spinner-container">
<i class="elementor-toc__spinner eicon-animation-spin eicon-loading" aria-hidden="true"></i> </div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-37b9cb3 elementor-widget elementor-widget-heading" data-id="37b9cb3" data-element_type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<h2 class="elementor-heading-title elementor-size-default">You may also like:</h2> </div>
</div>
<div class="elementor-element elementor-element-c0cfe3c elementor-grid-1 elementor-posts--thumbnail-none elementor-grid-tablet-2 elementor-grid-mobile-1 elementor-widget elementor-widget-posts" data-id="c0cfe3c" data-element_type="widget" data-settings="{"classic_columns":"1","classic_row_gap":{"unit":"px","size":0,"sizes":[]},"classic_columns_tablet":"2","classic_columns_mobile":"1","classic_row_gap_tablet":{"unit":"px","size":"","sizes":[]},"classic_row_gap_mobile":{"unit":"px","size":"","sizes":[]}}" data-widget_type="posts.classic">
<div class="elementor-widget-container">
<div class="elementor-posts-container elementor-posts elementor-posts--skin-classic elementor-grid" role="list">
<article class="elementor-post elementor-grid-item post-89483 post type-post status-publish format-standard hentry category-web-hosting" role="listitem">
<div class="elementor-post__text">
<h3 class="elementor-post__title">
<a href="https://bluegiftdigital.com/how-to-hire-a-good-web-designer-in-nairobi/" >
How to Hire a Good Web Designer in Nairobi: Complete 2025 Guide </a>
</h3>
<a class="elementor-post__read-more" href="https://bluegiftdigital.com/how-to-hire-a-good-web-designer-in-nairobi/" aria-label="Read more about How to Hire a Good Web Designer in Nairobi: Complete 2025 Guide" tabindex="-1" >
Read More » </a>
</div>
</article>
<article class="elementor-post elementor-grid-item post-89481 post type-post status-publish format-standard hentry category-web-hosting" role="listitem">
<div class="elementor-post__text">
<h3 class="elementor-post__title">
<a href="https://bluegiftdigital.com/best-20-website-designers-in-nairobi/" >
The Best 20 Website Designers in Nairobi, Kenya 2025 </a>
</h3>
<a class="elementor-post__read-more" href="https://bluegiftdigital.com/best-20-website-designers-in-nairobi/" aria-label="Read more about The Best 20 Website Designers in Nairobi, Kenya 2025" tabindex="-1" >
Read More » </a>
</div>
</article>
<article class="elementor-post elementor-grid-item post-89464 post type-post status-publish format-standard hentry category-web-hosting" role="listitem">
<div class="elementor-post__text">
<h3 class="elementor-post__title">
<a href="https://bluegiftdigital.com/top-10-youtube-video-generator-tools-every-creator-should-try-in-2025/" >
Top 10 YouTube Video Generator Tools Every Creator Should Try in 2025 </a>
</h3>
<a class="elementor-post__read-more" href="https://bluegiftdigital.com/top-10-youtube-video-generator-tools-every-creator-should-try-in-2025/" aria-label="Read more about Top 10 YouTube Video Generator Tools Every Creator Should Try in 2025" tabindex="-1" >
Read More » </a>
</div>
</article>
</div>
</div>
</div>
<div class="elementor-element elementor-element-7ed6ce6 e-flex e-con-boxed e-con e-parent" data-id="7ed6ce6" data-element_type="container" data-settings="{"background_background":"classic"}">
<div class="e-con-inner">
<div class="elementor-element elementor-element-d6b9da8 elementor-widget elementor-widget-heading" data-id="d6b9da8" data-element_type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<h2 class="elementor-heading-title elementor-size-default">Get Your Free Website Audit </h2> </div>
</div>
<div class="elementor-element elementor-element-bda29f7 elementor-widget elementor-widget-text-editor" data-id="bda29f7" data-element_type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
<p>Find Out What’s Holding Your Site Back!</p> </div>
</div>
<div class="elementor-element elementor-element-a5fb554 elementor-widget__width-initial elementor-button-align-stretch elementor-widget elementor-widget-form" data-id="a5fb554" data-element_type="widget" data-settings="{"step_next_label":"Next","step_previous_label":"Previous","button_width":"100","step_type":"number_text","step_icon_shape":"circle"}" data-widget_type="form.default">
<div class="elementor-widget-container">
<form class="elementor-form" method="post" name="New Form" aria-label="New Form">
<input type="hidden" name="post_id" value="4297"/>
<input type="hidden" name="form_id" value="a5fb554"/>
<input type="hidden" name="referer_title" value="Mastering How To Do Seo Optimization for Maximum Impact - Blue Gift Digital Hub" />
<input type="hidden" name="queried_id" value="37749"/>
<div class="elementor-form-fields-wrapper elementor-labels-above">
<div class="elementor-field-type-email elementor-field-group elementor-column elementor-field-group-email elementor-col-100 elementor-field-required">
<input size="1" type="email" name="form_fields[email]" id="form-field-email" class="elementor-field elementor-size-sm elementor-field-textual" placeholder="Email" required="required">
</div>
<div class="elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons">
<button class="elementor-button elementor-size-sm" type="submit">
<span class="elementor-button-content-wrapper">
<span class="elementor-button-text">Send</span>
</span>
</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-ed00f60 elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading" data-id="ed00f60" data-element_type="widget" data-widget_type="theme-post-title.default">
<div class="elementor-widget-container">
<h1 class="elementor-heading-title elementor-size-default">What Are The Best Practices For Using SVG Icons In Web Design</h1> </div>
</div>
</div>
</div>
</div>
</section>
</div>
<footer itemtype="https://schema.org/WPFooter" itemscope="itemscope" id="colophon" role="contentinfo">
<div class='footer-width-fixer'> <div data-elementor-type="wp-post" data-elementor-id="4354" class="elementor elementor-4354" data-elementor-post-type="elementor-hf">
<section class="elementor-section elementor-top-section elementor-element elementor-element-02ff8ff elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="02ff8ff" data-element_type="section" data-settings="{"background_background":"classic"}">
<div class="elementor-container elementor-column-gap-default">
<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-8660ee7" data-id="8660ee7" data-element_type="column">
<div class="elementor-widget-wrap elementor-element-populated">
<div class="elementor-element elementor-element-8e71401 elementor-widget-tablet__width-initial elementor-widget elementor-widget-heading" data-id="8e71401" data-element_type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<h2 class="elementor-heading-title elementor-size-default">Ready to transform<br> your business?</h2> </div>
</div>
<div class="elementor-element elementor-element-a7c4715 elementor-widget-tablet__width-initial elementor-widget elementor-widget-text-editor" data-id="a7c4715" data-element_type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
<p>Contact Bluegift Digital today to schedule a consultation and discover how our digital marketing services can unlock your business’s full potential</p> </div>
</div>
</div>
</div>
<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-82ae304" data-id="82ae304" data-element_type="column">
<div class="elementor-widget-wrap elementor-element-populated">
<div class="elementor-element elementor-element-6dd1a3c elementor-button-align-start elementor-mobile-button-align-center elementor-widget elementor-widget-form" data-id="6dd1a3c" data-element_type="widget" data-settings="{"step_next_label":"Next","step_previous_label":"Previous","button_width":"100","step_type":"number_text","step_icon_shape":"circle"}" data-widget_type="form.default">
<div class="elementor-widget-container">
<form class="elementor-form" method="post" name="New Form" aria-label="New Form">
<input type="hidden" name="post_id" value="4354"/>
<input type="hidden" name="form_id" value="6dd1a3c"/>
<input type="hidden" name="referer_title" value="Web Design Nairobi & Digital Marketing Agency - Blue Gift Digital Hub" />
<input type="hidden" name="queried_id" value="41"/>
<div class="elementor-form-fields-wrapper elementor-labels-above">
<div class="elementor-field-type-email elementor-field-group elementor-column elementor-field-group-name elementor-col-50">
<input size="1" type="email" name="form_fields[name]" id="form-field-name" class="elementor-field elementor-size-sm elementor-field-textual" placeholder="Email Address">
</div>
<div class="elementor-field-type-number elementor-field-group elementor-column elementor-field-group-email elementor-col-50 elementor-field-required">
<input type="number" name="form_fields[email]" id="form-field-email" class="elementor-field elementor-size-sm elementor-field-textual" placeholder="Phone Number" required="required" min="" max="" >
</div>
<div class="elementor-field-type-select elementor-field-group elementor-column elementor-field-group-message elementor-col-100">
<div class="elementor-field elementor-select-wrapper remove-before ">
<div class="select-caret-down-wrapper">
<i aria-hidden="true" class="eicon-caret-down"></i> </div>
<select name="form_fields[message]" id="form-field-message" class="elementor-field-textual elementor-size-sm">
<option value="Web Design">Web Design</option>
<option value="Digital Marketing">Digital Marketing</option>
<option value="SEO">SEO</option>
<option value="Web Hosting">Web Hosting</option>
</select>
</div>
</div>
<div class="elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons">
<button class="elementor-button elementor-size-sm" type="submit">
<span class="elementor-button-content-wrapper">
<span class="elementor-button-text">Submit Request</span>
</span>
</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="elementor-section elementor-top-section elementor-element elementor-element-23c347de elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="23c347de" data-element_type="section" data-settings="{"background_background":"classic"}">
<div class="elementor-container elementor-column-gap-default">
<div class="elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-3a3dcef1" data-id="3a3dcef1" data-element_type="column">
<div class="elementor-widget-wrap elementor-element-populated">
<div class="elementor-element elementor-element-abac84b elementor-widget elementor-widget-image" data-id="abac84b" data-element_type="widget" data-widget_type="image.default">
<div class="elementor-widget-container">
<img width="500" height="157" src="https://bluegiftdigital.com/wp-content/uploads/2022/09/Logo-New.png" class="attachment-full size-full wp-image-6619" alt="Bluegift Web Development & Digital Marketing Agency logo" loading="lazy" /> </div>
</div>
<div class="elementor-element elementor-element-5ee2c012 elementor-widget elementor-widget-text-editor" data-id="5ee2c012" data-element_type="widget" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
<p>Bluegift specializes in creating stunning web designs and delivering effective digital marketing solutions to help businesses reach their online goals</p> </div>
</div>
</div>
</div>
<div class="elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-30b060f" data-id="30b060f" data-element_type="column">
<div class="elementor-widget-wrap elementor-element-populated">
<div class="elementor-element elementor-element-794da0a2 elementor-widget elementor-widget-heading" data-id="794da0a2" data-element_type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<h4 class="elementor-heading-title elementor-size-default">Important Links</h4> </div>
</div>
<div class="elementor-element elementor-element-5fbf2e24 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="5fbf2e24" data-element_type="widget" data-widget_type="icon-list.default">
<div class="elementor-widget-container">
<ul class="elementor-icon-list-items">
<li class="elementor-icon-list-item">
<span class="elementor-icon-list-text">Web Maintenance <span style="background-color: #E3F4EA; color: #83BF7F; padding:2px 15px; border-radius:12px;">New</span></span>
</li>
<li class="elementor-icon-list-item">
<a href="https://bluegiftdigital.com/portfolio/">
<span class="elementor-icon-list-text">Portfolio</span>
</a>
</li>
<li class="elementor-icon-list-item">
<a href="https://bluegiftdigital.com/blog/">
<span class="elementor-icon-list-text">Blog</span>
</a>
</li>
<li class="elementor-icon-list-item">
<a href="https://bluegiftdigital.com/contact-blue-gift-digital/">
<span class="elementor-icon-list-text">Contact</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-23daf92b" data-id="23daf92b" data-element_type="column">
<div class="elementor-widget-wrap elementor-element-populated">
<div class="elementor-element elementor-element-3f25350 elementor-widget elementor-widget-heading" data-id="3f25350" data-element_type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<h4 class="elementor-heading-title elementor-size-default">Featured Services</h4> </div>
</div>
<div class="elementor-element elementor-element-f73a377 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="f73a377" data-element_type="widget" data-widget_type="icon-list.default">
<div class="elementor-widget-container">
<ul class="elementor-icon-list-items">
<li class="elementor-icon-list-item">
<a href="https://bluegiftdigital.com/custom-web-development/">
<span class="elementor-icon-list-text">Custom Web Development</span>
</a>
</li>
<li class="elementor-icon-list-item">
<a href="https://bluegiftdigital.com/ecommerce-store-developer/">
<span class="elementor-icon-list-text">Ecommerce Development</span>
</a>
</li>
<li class="elementor-icon-list-item">
<a href="https://bluegiftdigital.com/elementor-web-design/">
<span class="elementor-icon-list-text">Wordpress Web Design</span>
</a>
</li>
<li class="elementor-icon-list-item">
<a href="https://bluegiftdigital.com/web-hosting/">
<span class="elementor-icon-list-text">Web Hosting</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-40a7380d" data-id="40a7380d" data-element_type="column">
<div class="elementor-widget-wrap elementor-element-populated">
<div class="elementor-element elementor-element-358532f6 elementor-widget elementor-widget-heading" data-id="358532f6" data-element_type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<h4 class="elementor-heading-title elementor-size-default">Accreditation</h4> </div>
</div>
<section class="elementor-section elementor-inner-section elementor-element elementor-element-1aeb16b elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="1aeb16b" data-element_type="section">
<div class="elementor-container elementor-column-gap-default">
<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-4d61c26" data-id="4d61c26" data-element_type="column">
<div class="elementor-widget-wrap elementor-element-populated">
<div class="elementor-element elementor-element-b42c0e3 elementor-widget__width-auto elementor-widget elementor-widget-image" data-id="b42c0e3" data-element_type="widget" data-widget_type="image.default">
<div class="elementor-widget-container">
<img width="606" height="268" src="https://bluegiftdigital.com/wp-content/uploads/2022/09/ecom_6_logo-1-removebg-preview-1.png" class="attachment-full size-full wp-image-7488" alt="Kenya ecommerce awards logo" loading="lazy" /> </div>
</div>
</div>
</div>
<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-e615ce1" data-id="e615ce1" data-element_type="column">
<div class="elementor-widget-wrap elementor-element-populated">
<div class="elementor-element elementor-element-9f51a67 elementor-widget__width-auto elementor-widget elementor-widget-image" data-id="9f51a67" data-element_type="widget" data-widget_type="image.default">
<div class="elementor-widget-container">
<img width="87" height="25" src="https://bluegiftdigital.com/wp-content/uploads/2022/09/clutch.svg" class="attachment-full size-full wp-image-7487" alt="Clutch Image" loading="lazy" /> </div>
</div>
</div>
</div>
</div>
</section>
<div class="elementor-element elementor-element-8bf54be elementor-widget elementor-widget-image" data-id="8bf54be" data-element_type="widget" data-widget_type="image.default">
<div class="elementor-widget-container">
<img width="4640" height="1230" src="https://bluegiftdigital.com/wp-content/uploads/2022/09/logo.png" class="attachment-full size-full wp-image-7489" alt="KE ONLINE LOGO" loading="lazy" srcset="https://bluegiftdigital.com/wp-content/uploads/2022/09/logo.png 4640w, https://bluegiftdigital.com/wp-content/uploads/2022/09/logo-1536x407.png 1536w, https://bluegiftdigital.com/wp-content/uploads/2022/09/logo-2048x543.png 2048w" sizes="auto, (max-width: 4640px) 100vw, 4640px" /> </div>
</div>
<div class="elementor-element elementor-element-2e56fa6f elementor-shape-square e-grid-align-left elementor-grid-0 elementor-widget elementor-widget-social-icons" data-id="2e56fa6f" data-element_type="widget" data-widget_type="social-icons.default">
<div class="elementor-widget-container">
<div class="elementor-social-icons-wrapper elementor-grid" role="list">
<span class="elementor-grid-item" role="listitem">
<a class="elementor-icon elementor-social-icon elementor-social-icon-facebook-f elementor-repeater-item-42d290c" href="#" target="_blank">
<span class="elementor-screen-only">Facebook-f</span>
<i class="fab fa-facebook-f"></i> </a>
</span>
<span class="elementor-grid-item" role="listitem">
<a class="elementor-icon elementor-social-icon elementor-social-icon-twitter elementor-repeater-item-b03d69e" href="#" target="_blank">
<span class="elementor-screen-only">Twitter</span>
<i class="fab fa-twitter"></i> </a>
</span>
<span class="elementor-grid-item" role="listitem">
<a class="elementor-icon elementor-social-icon elementor-social-icon-youtube elementor-repeater-item-034ad7e" href="#" target="_blank">
<span class="elementor-screen-only">Youtube</span>
<i class="fab fa-youtube"></i> </a>
</span>
<span class="elementor-grid-item" role="listitem">
<a class="elementor-icon elementor-social-icon elementor-social-icon-instagram elementor-repeater-item-ab96187" href="#" target="_blank">
<span class="elementor-screen-only">Instagram</span>
<i class="fab fa-instagram"></i> </a>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="elementor-section elementor-top-section elementor-element elementor-element-b2c635a elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="b2c635a" data-element_type="section" data-settings="{"background_background":"classic"}">
<div class="elementor-container elementor-column-gap-default">
<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a81ef4e" data-id="a81ef4e" data-element_type="column">
<div class="elementor-widget-wrap elementor-element-populated">
<section class="elementor-section elementor-inner-section elementor-element elementor-element-fd00788 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="fd00788" data-element_type="section" data-settings="{"background_background":"classic"}">
<div class="elementor-container elementor-column-gap-default">
<div class="elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-75a91d1" data-id="75a91d1" data-element_type="column">
<div class="elementor-widget-wrap elementor-element-populated">
<div class="elementor-element elementor-element-9694d43 elementor-shape-circle e-grid-align-left e-grid-align-mobile-center elementor-grid-0 elementor-widget elementor-widget-social-icons" data-id="9694d43" data-element_type="widget" data-widget_type="social-icons.default">
<div class="elementor-widget-container">
<div class="elementor-social-icons-wrapper elementor-grid" role="list">
<span class="elementor-grid-item" role="listitem">
<a class="elementor-icon elementor-social-icon elementor-social-icon-instagram elementor-animation-float elementor-repeater-item-ff70b7b" href="https://www.instagram.com/bluegiftdigital/" target="_blank">
<span class="elementor-screen-only">Instagram</span>
<i class="fab fa-instagram"></i> </a>
</span>
<span class="elementor-grid-item" role="listitem">
<a class="elementor-icon elementor-social-icon elementor-social-icon-facebook elementor-animation-float elementor-repeater-item-c184acb" href="https://www.facebook.com/@webdesignerskenya0/" target="_blank">
<span class="elementor-screen-only">Facebook</span>
<i class="fab fa-facebook"></i> </a>
</span>
<span class="elementor-grid-item" role="listitem">
<a class="elementor-icon elementor-social-icon elementor-social-icon-youtube elementor-animation-float elementor-repeater-item-8fd4df6" href="https://www.youtube.com/channel/UCHZsm3z27w8DbsHacD-2dJg/videos" target="_blank">
<span class="elementor-screen-only">Youtube</span>
<i class="fab fa-youtube"></i> </a>
</span>
<span class="elementor-grid-item" role="listitem">
<a class="elementor-icon elementor-social-icon elementor-social-icon-twitter elementor-animation-float elementor-repeater-item-fae3419" href="https://x.com/bluegiftdiahttps://x.com/bluegiftdigitalgital" target="_blank">
<span class="elementor-screen-only">Twitter</span>
<i class="fab fa-twitter"></i> </a>
</span>
</div>
</div>
</div>
</div>
</div>
<div class="elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-5226876" data-id="5226876" data-element_type="column">
<div class="elementor-widget-wrap elementor-element-populated">
<div class="elementor-element elementor-element-48156f1 elementor-widget elementor-widget-heading" data-id="48156f1" data-element_type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<div class="elementor-heading-title elementor-size-default">© 2024 Bluegift Digital. </div> </div>
</div>
</div>
</div>
<div class="elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-a62d498" data-id="a62d498" data-element_type="column">
<div class="elementor-widget-wrap elementor-element-populated">
<div class="elementor-element elementor-element-1ef2ea4 elementor-widget elementor-widget-heading" data-id="1ef2ea4" data-element_type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<div class="elementor-heading-title elementor-size-default"><a href="https://bluegiftdigital.com/terms-conditions/">Terms & Conditions</a></div> </div>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
</section>
</div>
</div> </footer>
</div><!-- #page -->
<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/*"},{"not":{"href_matches":["\/wp-*.php","\/wp-admin\/*","\/wp-content\/uploads\/*","\/wp-content\/*","\/wp-content\/plugins\/*","\/wp-content\/themes\/hello-elementor\/*","\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<!-- Click to Chat - https://holithemes.com/plugins/click-to-chat/ v4.27 -->
<div class="ht-ctc ht-ctc-chat ctc-analytics ctc_wp_desktop style-2 ht_ctc_entry_animation ht_ctc_an_entry_corner " id="ht-ctc-chat"
style="display: none; position: fixed; bottom: 15px; right: 15px;" >
<div class="ht_ctc_style ht_ctc_chat_style">
<div style="display: flex; justify-content: center; align-items: center; " class="ctc-analytics ctc_s_2">
<p class="ctc-analytics ctc_cta ctc_cta_stick ht-ctc-cta ht-ctc-cta-hover " style="padding: 0px 16px; line-height: 1.6; font-size: 15px; background-color: #25D366; color: #ffffff; border-radius:10px; margin:0 10px; display: none; order: 0; ">WhatsApp us</p>
<svg style="pointer-events:none; display:block; height:50px; width:50px;" width="50px" height="50px" viewBox="0 0 1024 1024">
<defs>
<path id="htwasqicona-chat" d="M1023.941 765.153c0 5.606-.171 17.766-.508 27.159-.824 22.982-2.646 52.639-5.401 66.151-4.141 20.306-10.392 39.472-18.542 55.425-9.643 18.871-21.943 35.775-36.559 50.364-14.584 14.56-31.472 26.812-50.315 36.416-16.036 8.172-35.322 14.426-55.744 18.549-13.378 2.701-42.812 4.488-65.648 5.3-9.402.336-21.564.505-27.15.505l-504.226-.081c-5.607 0-17.765-.172-27.158-.509-22.983-.824-52.639-2.646-66.152-5.4-20.306-4.142-39.473-10.392-55.425-18.542-18.872-9.644-35.775-21.944-50.364-36.56-14.56-14.584-26.812-31.471-36.415-50.314-8.174-16.037-14.428-35.323-18.551-55.744-2.7-13.378-4.487-42.812-5.3-65.649-.334-9.401-.503-21.563-.503-27.148l.08-504.228c0-5.607.171-17.766.508-27.159.825-22.983 2.646-52.639 5.401-66.151 4.141-20.306 10.391-39.473 18.542-55.426C34.154 93.24 46.455 76.336 61.07 61.747c14.584-14.559 31.472-26.812 50.315-36.416 16.037-8.172 35.324-14.426 55.745-18.549 13.377-2.701 42.812-4.488 65.648-5.3 9.402-.335 21.565-.504 27.149-.504l504.227.081c5.608 0 17.766.171 27.159.508 22.983.825 52.638 2.646 66.152 5.401 20.305 4.141 39.472 10.391 55.425 18.542 18.871 9.643 35.774 21.944 50.363 36.559 14.559 14.584 26.812 31.471 36.415 50.315 8.174 16.037 14.428 35.323 18.551 55.744 2.7 13.378 4.486 42.812 5.3 65.649.335 9.402.504 21.564.504 27.15l-.082 504.226z"/>
</defs>
<linearGradient id="htwasqiconb-chat" gradientUnits="userSpaceOnUse" x1="512.001" y1=".978" x2="512.001" y2="1025.023">
<stop offset="0" stop-color="#61fd7d"/>
<stop offset="1" stop-color="#2bb826"/>
</linearGradient>
<use xlink:href="#htwasqicona-chat" overflow="visible" style="fill: url(#htwasqiconb-chat)" fill="url(#htwasqiconb-chat)"/>
<g>
<path style="fill: #FFFFFF;" fill="#FFF" d="M783.302 243.246c-69.329-69.387-161.529-107.619-259.763-107.658-202.402 0-367.133 164.668-367.214 367.072-.026 64.699 16.883 127.854 49.017 183.522l-52.096 190.229 194.665-51.047c53.636 29.244 114.022 44.656 175.482 44.682h.151c202.382 0 367.128-164.688 367.21-367.094.039-98.087-38.121-190.319-107.452-259.706zM523.544 808.047h-.125c-54.767-.021-108.483-14.729-155.344-42.529l-11.146-6.612-115.517 30.293 30.834-112.592-7.259-11.544c-30.552-48.579-46.688-104.729-46.664-162.379.066-168.229 136.985-305.096 305.339-305.096 81.521.031 158.154 31.811 215.779 89.482s89.342 134.332 89.312 215.859c-.066 168.243-136.984 305.118-305.209 305.118zm167.415-228.515c-9.177-4.591-54.286-26.782-62.697-29.843-8.41-3.062-14.526-4.592-20.645 4.592-6.115 9.182-23.699 29.843-29.053 35.964-5.352 6.122-10.704 6.888-19.879 2.296-9.176-4.591-38.74-14.277-73.786-45.526-27.275-24.319-45.691-54.359-51.043-63.543-5.352-9.183-.569-14.146 4.024-18.72 4.127-4.109 9.175-10.713 13.763-16.069 4.587-5.355 6.117-9.183 9.175-15.304 3.059-6.122 1.529-11.479-.765-16.07-2.293-4.591-20.644-49.739-28.29-68.104-7.447-17.886-15.013-15.466-20.645-15.747-5.346-.266-11.469-.322-17.585-.322s-16.057 2.295-24.467 11.478-32.113 31.374-32.113 76.521c0 45.147 32.877 88.764 37.465 94.885 4.588 6.122 64.699 98.771 156.741 138.502 21.892 9.45 38.982 15.094 52.308 19.322 21.98 6.979 41.982 5.995 57.793 3.634 17.628-2.633 54.284-22.189 61.932-43.615 7.646-21.427 7.646-39.791 5.352-43.617-2.294-3.826-8.41-6.122-17.585-10.714z"/>
</g>
</svg></div> </div>
</div>
<span class="ht_ctc_chat_data" data-settings="{"number":"254757171960","pre_filled":"Hello Bluegift.","dis_m":"show","dis_d":"show","css":"display: none; cursor: pointer; z-index: 99999999;","pos_d":"position: fixed; bottom: 15px; right: 15px;","pos_m":"position: fixed; bottom: 15px; right: 15px;","side_d":"right","side_m":"right","schedule":"no","se":150,"ani":"no-animation","url_target_d":"_blank","ga":"yes","fb":"yes","webhook_format":"json","g_init":"default","g_an_event_name":"click to chat","pixel_event_name":"Click to Chat by HoliThemes"}" data-rest="2e2e11ff1f"></span>
<link rel='stylesheet' id='ep-animated-gradient-background-css' href='https://bluegiftdigital.com/wp-content/plugins/bdthemes-element-pack-lite/assets/css/ep-animated-gradient-background.css?ver=8.2.0' media='all' />
<link rel='stylesheet' id='widget-social-icons-css' href='https://bluegiftdigital.com/wp-content/plugins/elementor/assets/css/widget-social-icons.min.css?ver=3.31.3' media='all' />
<script id="ht_ctc_app_js-js-extra">
var ht_ctc_chat_var = {"number":"254757171960","pre_filled":"Hello Bluegift.","dis_m":"show","dis_d":"show","css":"display: none; cursor: pointer; z-index: 99999999;","pos_d":"position: fixed; bottom: 15px; right: 15px;","pos_m":"position: fixed; bottom: 15px; right: 15px;","side_d":"right","side_m":"right","schedule":"no","se":"150","ani":"no-animation","url_target_d":"_blank","ga":"yes","fb":"yes","webhook_format":"json","g_init":"default","g_an_event_name":"click to chat","pixel_event_name":"Click to Chat by HoliThemes"};
var ht_ctc_variables = {"g_an_event_name":"click to chat","pixel_event_type":"trackCustom","pixel_event_name":"Click to Chat by HoliThemes","g_an_params":["g_an_param_1","g_an_param_2","g_an_param_3"],"g_an_param_1":{"key":"number","value":"{number}"},"g_an_param_2":{"key":"title","value":"{title}"},"g_an_param_3":{"key":"url","value":"{url}"},"pixel_params":["pixel_param_1","pixel_param_2","pixel_param_3","pixel_param_4"],"pixel_param_1":{"key":"Category","value":"Click to Chat for WhatsApp"},"pixel_param_2":{"key":"ID","value":"{number}"},"pixel_param_3":{"key":"Title","value":"{title}"},"pixel_param_4":{"key":"URL","value":"{url}"}};
</script>
<script src="https://bluegiftdigital.com/wp-content/plugins/click-to-chat-for-whatsapp/new/inc/assets/js/app.js?ver=4.27" id="ht_ctc_app_js-js" defer data-wp-strategy="defer"></script>
<script src="https://bluegiftdigital.com/wp-content/themes/hello-elementor/assets/js/hello-frontend.min.js?ver=3.3.0" id="hello-theme-frontend-js"></script>
<script src="https://bluegiftdigital.com/wp-content/plugins/elementor/assets/js/webpack.runtime.min.js?ver=3.31.3" id="elementor-webpack-runtime-js"></script>
<script src="https://bluegiftdigital.com/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=3.31.3" id="elementor-frontend-modules-js"></script>
<script src="https://bluegiftdigital.com/wp-includes/js/jquery/ui/core.min.js?ver=1.13.3" id="jquery-ui-core-js"></script>
<script id="elementor-frontend-js-before">
var elementorFrontendConfig = {"environmentMode":{"edit":false,"wpPreview":false,"isScriptDebug":false},"i18n":{"shareOnFacebook":"Share on Facebook","shareOnTwitter":"Share on Twitter","pinIt":"Pin it","download":"Download","downloadImage":"Download image","fullscreen":"Fullscreen","zoom":"Zoom","share":"Share","playVideo":"Play Video","previous":"Previous","next":"Next","close":"Close","a11yCarouselPrevSlideMessage":"Previous slide","a11yCarouselNextSlideMessage":"Next slide","a11yCarouselFirstSlideMessage":"This is the first slide","a11yCarouselLastSlideMessage":"This is the last slide","a11yCarouselPaginationBulletMessage":"Go to slide"},"is_rtl":false,"breakpoints":{"xs":0,"sm":480,"md":768,"lg":1025,"xl":1440,"xxl":1600},"responsive":{"breakpoints":{"mobile":{"label":"Mobile Portrait","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Mobile Landscape","value":880,"default_value":880,"direction":"max","is_enabled":false},"tablet":{"label":"Tablet Portrait","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablet Landscape","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Laptop","value":1366,"default_value":1366,"direction":"max","is_enabled":false},"widescreen":{"label":"Widescreen","value":2400,"default_value":2400,"direction":"min","is_enabled":false}},"hasCustomBreakpoints":false},"version":"3.31.3","is_static":false,"experimentalFeatures":{"additional_custom_breakpoints":true,"container":true,"theme_builder_v2":true,"hello-theme-header-footer":true,"nested-elements":true,"e_element_cache":true,"home_screen":true,"global_classes_should_enforce_capabilities":true,"e_variables":true,"cloud-library":true,"e_opt_in_v4_page":true},"urls":{"assets":"https:\/\/bluegiftdigital.com\/wp-content\/plugins\/elementor\/assets\/","ajaxurl":"https:\/\/bluegiftdigital.com\/wp-admin\/admin-ajax.php","uploadUrl":"https:\/\/bluegiftdigital.com\/wp-content\/uploads"},"nonces":{"floatingButtonsClickTracking":"354cf9e3cb"},"swiperClass":"swiper","settings":{"page":[],"editorPreferences":[]},"kit":{"body_background_background":"classic","active_breakpoints":["viewport_mobile","viewport_tablet"],"global_image_lightbox":"yes","lightbox_enable_counter":"yes","lightbox_enable_fullscreen":"yes","lightbox_enable_zoom":"yes","lightbox_enable_share":"yes","lightbox_title_src":"title","lightbox_description_src":"description","hello_header_logo_type":"title","hello_header_menu_layout":"horizontal","hello_footer_logo_type":"logo"},"post":{"id":25247,"title":"What%20Are%20The%20Best%20Practices%20For%20Using%20SVG%20Icons%20In%20Web%20Design%20-%20Blue%20Gift%20Digital%20Hub","excerpt":"","featuredImage":false}};
</script>
<script src="https://bluegiftdigital.com/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=3.31.3" id="elementor-frontend-js"></script>
<script src="https://bluegiftdigital.com/wp-includes/js/imagesloaded.min.js?ver=5.0.0" id="imagesloaded-js"></script>
<script src="https://bluegiftdigital.com/wp-content/plugins/elementskit-lite/libs/framework/assets/js/frontend-script.js?ver=3.6.1" id="elementskit-framework-js-frontend-js"></script>
<script id="elementskit-framework-js-frontend-js-after">
var elementskit = {
resturl: 'https://bluegiftdigital.com/wp-json/elementskit/v1/',
}
</script>
<script src="https://bluegiftdigital.com/wp-content/plugins/elementskit-lite/widgets/init/assets/js/widget-scripts.js?ver=3.6.1" id="ekit-widget-scripts-js"></script>
<script id="bdt-uikit-js-extra">
var element_pack_ajax_login_config = {"ajaxurl":"https:\/\/bluegiftdigital.com\/wp-admin\/admin-ajax.php","language":"en","loadingmessage":"Sending user info, please wait...","unknownerror":"Unknown error, make sure access is correct!"};
var ElementPackConfig = {"ajaxurl":"https:\/\/bluegiftdigital.com\/wp-admin\/admin-ajax.php","nonce":"9aae037ba7","data_table":{"language":{"lengthMenu":"Show _MENU_ Entries","info":"Showing _START_ to _END_ of _TOTAL_ entries","search":"Search :","paginate":{"previous":"Previous","next":"Next"}}},"contact_form":{"sending_msg":"Sending message please wait...","captcha_nd":"Invisible captcha not defined!","captcha_nr":"Could not get invisible captcha response!"},"mailchimp":{"subscribing":"Subscribing you please wait..."},"search":{"more_result":"More Results","search_result":"SEARCH RESULT","not_found":"not found"},"words_limit":{"read_more":"[read more]","read_less":"[read less]"},"elements_data":{"sections":[],"columns":[],"widgets":[]}};
</script>
<script src="https://bluegiftdigital.com/wp-content/plugins/bdthemes-element-pack-lite/assets/js/bdt-uikit.min.js?ver=3.21.7" id="bdt-uikit-js"></script>
<script src="https://bluegiftdigital.com/wp-content/plugins/bdthemes-element-pack-lite/assets/js/common/helper.min.js?ver=8.2.0" id="element-pack-helper-js"></script>
<script src="https://bluegiftdigital.com/wp-content/plugins/bdthemes-element-pack-lite/assets/vendor/js/granim.min.js?ver=v2.0.0" id="granim-js"></script>
<script src="https://bluegiftdigital.com/wp-content/plugins/bdthemes-element-pack-lite/assets/js/modules/ep-animated-gradient-background.min.js?ver=8.2.0" id="ep-animated-gradient-background-js"></script>
<script src="https://bluegiftdigital.com/wp-content/plugins/pro-elements/assets/js/webpack-pro.runtime.min.js?ver=3.30.0" id="elementor-pro-webpack-runtime-js"></script>
<script src="https://bluegiftdigital.com/wp-includes/js/dist/hooks.min.js?ver=4d63a3d491d11ffd8ac6" id="wp-hooks-js"></script>
<script src="https://bluegiftdigital.com/wp-includes/js/dist/i18n.min.js?ver=5e580eb46a90c2b997e6" id="wp-i18n-js"></script>
<script id="wp-i18n-js-after">
wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
</script>
<script id="elementor-pro-frontend-js-before">
var ElementorProFrontendConfig = {"ajaxurl":"https:\/\/bluegiftdigital.com\/wp-admin\/admin-ajax.php","nonce":"2cc5be9729","urls":{"assets":"https:\/\/bluegiftdigital.com\/wp-content\/plugins\/pro-elements\/assets\/","rest":"https:\/\/bluegiftdigital.com\/wp-json\/"},"settings":{"lazy_load_background_images":false},"popup":{"hasPopUps":true},"shareButtonsNetworks":{"facebook":{"title":"Facebook","has_counter":true},"twitter":{"title":"Twitter"},"linkedin":{"title":"LinkedIn","has_counter":true},"pinterest":{"title":"Pinterest","has_counter":true},"reddit":{"title":"Reddit","has_counter":true},"vk":{"title":"VK","has_counter":true},"odnoklassniki":{"title":"OK","has_counter":true},"tumblr":{"title":"Tumblr"},"digg":{"title":"Digg"},"skype":{"title":"Skype"},"stumbleupon":{"title":"StumbleUpon","has_counter":true},"mix":{"title":"Mix"},"telegram":{"title":"Telegram"},"pocket":{"title":"Pocket","has_counter":true},"xing":{"title":"XING","has_counter":true},"whatsapp":{"title":"WhatsApp"},"email":{"title":"Email"},"print":{"title":"Print"},"x-twitter":{"title":"X"},"threads":{"title":"Threads"}},"facebook_sdk":{"lang":"en_US","app_id":""},"lottie":{"defaultAnimationUrl":"https:\/\/bluegiftdigital.com\/wp-content\/plugins\/pro-elements\/modules\/lottie\/assets\/animations\/default.json"}};
</script>
<script src="https://bluegiftdigital.com/wp-content/plugins/pro-elements/assets/js/frontend.min.js?ver=3.30.0" id="elementor-pro-frontend-js"></script>
<script src="https://bluegiftdigital.com/wp-content/plugins/pro-elements/assets/js/elements-handlers.min.js?ver=3.30.0" id="pro-elements-handlers-js"></script>
<script src="https://bluegiftdigital.com/wp-content/plugins/elementskit-lite/widgets/init/assets/js/animate-circle.min.js?ver=3.6.1" id="animate-circle-js"></script>
<script id="elementskit-elementor-js-extra">
var ekit_config = {"ajaxurl":"https:\/\/bluegiftdigital.com\/wp-admin\/admin-ajax.php","nonce":"acf1edcefd"};
</script>
<script src="https://bluegiftdigital.com/wp-content/plugins/elementskit-lite/widgets/init/assets/js/elementor.js?ver=3.6.1" id="elementskit-elementor-js"></script>
</body>
</html>
<!-- Page cached by LiteSpeed Cache 7.3.0.1 on 2025-08-28 18:03:51 -->
<!--
Performance optimized by W3 Total Cache. Learn more: https://www.boldgrid.com/w3-total-cache/
Served from: bluegiftdigital.com @ 2025-08-28 18:03:51 by W3 Total Cache
--> 