Free SVG vectors are a powerful resource for designers, developers, and content creators who need crisp, scalable graphics that stay sharp at any size. This guide explains where to find free SVG vectors, how to check licenses, editing and optimization best practices, and how to avoid common mistakes when integrating scalable vector graphics resources into projects.
Quick summary:
- Locate reputable sources and check license terms before use.
- Use an "SVG READY" checklist to confirm safety and technical readiness.
- Optimize files for performance and accessibility; export carefully for production.
Detected intent: Informational
Where to find free SVG vectors
Reliable repositories of free SVG vectors include community-driven icon sets, designer marketplaces offering public-domain or Creative Commons-licensed assets, and open-source design libraries. Search for collections tagged as royalty-free SVG icons, public domain, or CC0 to reduce licensing friction. Always verify the stated license on the asset page rather than assuming a source-wide license applies.
Major sources and types
- Icon libraries and UI kits (individual SVG icons and icon sets)
- Illustration packs and vector backgrounds (multi-element SVG files)
- Public domain or CC0 repositories (illustrations and logos released without copyright restriction)
- Community repositories and GitHub projects that publish raw SVG assets
Licenses to check and one authoritative resource
Common license types: CC0 (public domain), CC BY (attribution required), CC BY-SA (share-alike), and various custom licenses. For clarity on Creative Commons license meanings and best practices for attribution, consult the official Creative Commons guidance: Creative Commons. When in doubt, contact the asset owner or choose an alternative asset with a clearer license.
File formats and tools
SVG is the native XML format for vector graphics, but source files may also be distributed as EPS, AI, or PDF. Tools that read and edit SVGs include Inkscape (open-source), Adobe Illustrator, and code editors for direct SVG markup edits. When editing, preserve element IDs and viewBox attributes to maintain responsiveness and compatibility with CSS and JavaScript.
How to evaluate and use free SVG vectors safely
Before dropping free SVG vectors into a project, evaluate technical quality, accessibility, license compatibility, and optimization. Use the SVG READY checklist below to speed reviews and reduce risk.
SVG READY checklist (named framework)
- License Verified: Confirm explicit license on the asset page and record the license type.
- Attribution Plan: Decide how to provide attribution if required (credits file or site footer).
- Technical Check: Open the SVG to confirm valid viewBox, no hard-coded pixel sizes, and clean paths.
- Accessibility: Add title and desc elements or ARIA attributes when used in HTML for assistive tech.
- Optimization: Remove unnecessary metadata and simplify paths to reduce file size before deployment.
Short real-world example
A marketing team needs a set of header icons for a product landing page. The designer downloads a free icon pack labeled CC BY. The team: (1) records the license and author, (2) opens each SVG in a code editor to add
tags for screen readers, (3) runs an optimizer to remove metadata and reduce file size, and (4) places an attribution line in the site's credits section. This process prevents licensing surprises and ensures icons are accessible and performant.</p>
<h2>Optimization, editing, and export best practices</h2>
<p>Optimized SVGs render faster and integrate more cleanly with front-end workflows. Use the following practical tips when preparing assets for production.</p>
<h3>Practical tips</h3>
<ul>
<li>Run an optimizer tool (svgo or similar) to strip unnecessary metadata and comments before committing files to a repo.</li>
<li>Prefer symbols and sprites for repeating icons to reduce duplicated markup and improve caching.</li>
<li>Keep text as outlines only when necessary; otherwise preserve text elements for readability and searchability.</li>
<li>Use CSS for fills and strokes instead of hard-coded colors to make theme-swapping easier.</li>
<li>Set viewBox and remove fixed width/height attributes to keep SVGs responsive across breakpoints.</li>
</ul>
<h2>Trade-offs and common mistakes</h2>
<p>Using free SVG vectors saves time but carries trade-offs and common pitfalls to watch for.</p>
<ul>
<li><strong>Trade-off: Convenience vs. legal clarity</strong> — Free assets may have ambiguous or varying license terms. More convenient assets sometimes require attribution or contain restrictions.</li>
<li><strong>Trade-off: Visual match vs. file cleanliness</strong> — Imported SVGs from other tools can include extraneous groups, styles, or editor metadata that bloat files or conflict with project styles.</li>
<li><strong>Common mistakes</strong> — Failing to verify license per asset, leaving embedded raster images inside an SVG, not adding accessibility elements, and not optimizing files before deployment.</li>
</ul>
<h2>Core cluster questions</h2>
<ol>
<li>How to check if an SVG is free to use commercially?</li>
<li>What is the difference between CC0 and CC BY for graphics?</li>
<li>How to optimize SVG files for web performance?</li>
<li>When should SVGs be embedded inline versus used as an external file?</li>
<li>How to add accessible titles and descriptions to SVG icons?</li>
</ol>
<h2>Integration tips for developers and designers</h2>
<p>Embed critical icons inline for animation or ARIA control, and use external files for large illustrations or when caching matters. When animating, target group and path elements rather than transforming the entire SVG for smoother performance. Keep a design system or component library that documents source, license, and optimization steps for each SVG asset used in the product.</p>
<h3>FAQ: Are free SVG vectors safe to use commercially?</h3>
<p>Not always. License terms vary by asset and source. Some free SVG vectors are public domain or CC0 and can be used commercially without attribution; others require attribution or limit commercial use. Verify the license for each asset before commercial deployment.</p>
<h3>FAQ: How to attribute royalty-free SVG icons correctly?</h3>
<p>Attribution requirements depend on the license. For Creative Commons BY, include the title, author, source, and license type near the asset or in a credits page. Keep a record of the exact asset URL and license version as evidence of permission.</p>
<h3>FAQ: Can SVGs include embedded fonts or images?</h3>
<p>Embedding raster images or proprietary fonts in SVGs can increase file size and complicate licensing. Prefer system or web fonts referenced separately, and convert small decorative text to paths only when necessary and license-permitting.</p>
<h3>FAQ: What are the best practices for scalable vector graphics resources in a build pipeline?</h3>
<p>Include an optimization step (SVGO or similar), rename files with a consistent convention, generate an icon sprite for repeated use, and document licenses in the repository. Automate these steps in CI to prevent unoptimized or unlicensed assets from reaching production.</p>
<h3>FAQ: How to edit free SVG vectors for color or size changes?</h3>
<p>Open the SVG in a vector editor (Inkscape, Illustrator) or a text editor to tweak fills, strokes, and viewBox values. Use CSS to change colors dynamically when embedding inline; avoid hard-coded color values unless an override is intended.</p>
<p>Following the SVG READY checklist and these practical tips helps ensure free SVG vectors are used legally, accessibly, and efficiently. Maintain a short audit trail of sources and licenses for team handoffs and future maintenance.</p>
</div>
<hr>
<div class="related-post">
<div class="section-title text-start mb--20">
<h3 class="title">Related Posts</h3>
</div>
<div class="rbt-card card-list variation-02 rbt-hover mt--30">
<div class="rbt-card-img">
<a href="https://indibloghub.com/post/rabindranath-thakur-kobita-bhav-bhasha-manobchetona">
<img loading="lazy" decoding="async" src="https://indibloghub.com/public/images/courses/69ba56efb1cea6838_1773819631.jpg" alt="রবীন্দ্রনাথ ঠাকুরের কবিতা: ভাব, ভাষা ও মানবচেতনার কালজয়ী প্রকাশ" width="290" height="150">
</a>
</div>
<div class="rbt-card-body">
<h2 class="rbt-card-title line-clamp-2">
<a href="https://indibloghub.com/post/rabindranath-thakur-kobita-bhav-bhasha-manobchetona">
রবীন্দ্রনাথ ঠাকুরের কবিতা: ভাব, ভাষা ও মানবচেতনার কালজয়ী প্রকাশ
</a>
</h2>
<ul class="rbt-meta mt--0">
<li>
<i class="feather-clock"></i>
3 days ago
</li>
</ul>
</div>
</div>
<div class="rbt-card card-list variation-02 rbt-hover mt--30">
<div class="rbt-card-img">
<a href="https://indibloghub.com/post/print-layout-tool-magazine-brochure-design">
<img loading="lazy" decoding="async" src="https://indibloghub.com/public/images/courses/756_69b26b79dc200.jpg" alt="Selecting a Print Layout Tool for Magazine and Brochure Design: Practical Guide" width="290" height="150">
</a>
</div>
<div class="rbt-card-body">
<h2 class="rbt-card-title line-clamp-2">
<a href="https://indibloghub.com/post/print-layout-tool-magazine-brochure-design">
Selecting a Print Layout Tool for Magazine and Brochure Design: Practical Guide
</a>
</h2>
<ul class="rbt-meta mt--0">
<li>
<i class="feather-clock"></i>
9 days ago
</li>
</ul>
</div>
</div>
<div class="rbt-card card-list variation-02 rbt-hover mt--30">
<div class="rbt-card-img">
<a href="https://indibloghub.com/post/google-slides-features-delight-tips">
<img loading="lazy" decoding="async" src="https://indibloghub.com/public/images/courses/69abefc06700f7623_1772875712.jpg" alt="5 Google Slides Features that Might Delight You" width="290" height="150">
</a>
</div>
<div class="rbt-card-body">
<h2 class="rbt-card-title line-clamp-2">
<a href="https://indibloghub.com/post/google-slides-features-delight-tips">
5 Google Slides Features that Might Delight You
</a>
</h2>
<ul class="rbt-meta mt--0">
<li>
<i class="feather-clock"></i>
14 days ago
</li>
</ul>
</div>
</div>
<div class="rbt-card card-list variation-02 rbt-hover mt--30">
<div class="rbt-card-img">
<a href="https://indibloghub.com/post/custom-canvas-tote-bags-printing-india">
<img loading="lazy" decoding="async" src="https://indibloghub.com/public/images/courses/69aac213de2ba9783_1772798483.jpg" alt="Custom Canvas Tote Bags Printing in India " width="290" height="150">
</a>
</div>
<div class="rbt-card-body">
<h2 class="rbt-card-title line-clamp-2">
<a href="https://indibloghub.com/post/custom-canvas-tote-bags-printing-india">
Custom Canvas Tote Bags Printing in India
</a>
</h2>
<ul class="rbt-meta mt--0">
<li>
<i class="feather-clock"></i>
15 days ago
</li>
</ul>
</div>
</div>
<div class="rbt-card card-list variation-02 rbt-hover mt--30">
<div class="rbt-card-img">
<a href="https://indibloghub.com/post/slow-motion-fps-shutter-speed-lighting">
<img loading="lazy" decoding="async" src="https://indibloghub.com/public/images/courses/69a65187bb53e5144_1772507527.jpg" alt="The Ultimate Guide to Slow Motion: FPS, Shutter Speed, and Lighting" width="290" height="150">
</a>
</div>
<div class="rbt-card-body">
<h2 class="rbt-card-title line-clamp-2">
<a href="https://indibloghub.com/post/slow-motion-fps-shutter-speed-lighting">
The Ultimate Guide to Slow Motion: FPS, Shutter Speed, and Lighting
</a>
</h2>
<ul class="rbt-meta mt--0">
<li>
<i class="feather-clock"></i>
18 days ago
</li>
</ul>
</div>
</div>
<div class="rbt-card card-list variation-02 rbt-hover mt--30">
<div class="rbt-card-img">
<a href="https://indibloghub.com/post/beginner-singers-songs-confidence-technique">
<img loading="lazy" decoding="async" src="https://indibloghub.com/public/images/courses/69a422c2594c83520_1772364482.jfif" alt="Top 12 Best Songs for Beginner Singers to Build Confidence and Technique" width="290" height="150">
</a>
</div>
<div class="rbt-card-body">
<h2 class="rbt-card-title line-clamp-2">
<a href="https://indibloghub.com/post/beginner-singers-songs-confidence-technique">
Top 12 Best Songs for Beginner Singers to Build Confidence and Technique
</a>
</h2>
<ul class="rbt-meta mt--0">
<li>
<i class="feather-clock"></i>
20 days ago
</li>
</ul>
</div>
</div>
<div class="rbt-card card-list variation-02 rbt-hover mt--30">
<div class="rbt-card-img">
<a href="https://indibloghub.com/post/super-bingo-party-print-ready-cards">
<img loading="lazy" decoding="async" src="https://indibloghub.com/public/images/courses/6992c092ca1531750_1771225234.png" alt="Super Bingo Party: Create Print-Ready Cards Fast" width="290" height="150">
</a>
</div>
<div class="rbt-card-body">
<h2 class="rbt-card-title line-clamp-2">
<a href="https://indibloghub.com/post/super-bingo-party-print-ready-cards">
Super Bingo Party: Create Print-Ready Cards Fast
</a>
</h2>
<ul class="rbt-meta mt--0">
<li>
<i class="feather-clock"></i>
1 month ago
</li>
</ul>
</div>
</div>
<div class="col-lg-12 mt--30 mb--30 text-center">
<a class="rbt-btn btn-gradient icon-hover radius-round btn-md" href="https://indibloghub.com/topics/creative-media">
<span class="btn-text">Load more...</span>
<span class="btn-icon"><i class="feather-arrow-right"></i></span>
</a>
</div>
</div>
<hr class="mt--30">
<div class="post-disclaimer-note">
<strong>Note:</strong> IndiBlogHub is a creator-powered publishing platform. All content is submitted by independent authors and reflects their personal views and expertise. IndiBlogHub does not claim ownership or endorsement of individual posts.
Please review our <a href="https://indibloghub.com/disclaimer" target="_blank">Disclaimer</a> and <a href="https://indibloghub.com/privacy-policy" target="_blank">Privacy Policy</a> for more information.
</div>
</div>
</div>
</div>
</div>
</div>
<section class="cta-pro py-5 mt--30">
<div class="container">
<div class="cta-box text-center mx-auto">
<div class="cta-badge">Free to publish</div>
<h2 class="cta-title">
Your content deserves <span>DR 60+ authority</span>
</h2>
<p class="cta-desc">
Join <b class="text-primary">25,000+ publishers</b> who've made IndiBlogHub their permanent publishing address.
Get your first article indexed within 48 hours — guaranteed.
</p>
<div class="row cta-stats text-center">
<div class="col-6 col-md-3">
<div class="stat-value">DA 55+</div>
<div class="stat-label">Domain Authority</div>
</div>
<div class="col-6 col-md-3">
<div class="stat-value">48hr</div>
<div class="stat-label">Google Indexing</div>
</div>
<div class="col-6 col-md-3">
<div class="stat-value">100K+</div>
<div class="stat-label">Indexed Articles</div>
</div>
<div class="col-6 col-md-3">
<div class="stat-value">Free</div>
<div class="stat-label">To Start</div>
</div>
</div>
<div class="cta-actions">
<a href="https://indibloghub.com/user/register" class="btn btn-primary btn-lg">
✍️ Start Publishing Free
</a>
</div>
</div>
</div>
</section>
<style>
.cta-pro {
background: #f6f8fb;
}
.cta-box {
max-width: 900px;
background: #ffffff;
border-radius: 16px;
padding: 48px 32px;
box-shadow: 0 10px 30px rgba(0,0,0,0.05);
border: 1px solid #eef1f5;
}
/* Badge */
.cta-badge {
display: inline-block;
font-size: 13px;
font-weight: 500;
color: #2563eb;
background: #eff6ff;
padding: 6px 14px;
border-radius: 999px;
margin-bottom: 18px;
}
/* Title */
.cta-title {
font-size: 32px;
font-weight: 700;
color: #0f172a;
margin-bottom: 14px;
}
.cta-title span {
color: #2563eb;
}
/* Description */
.cta-desc {
color: #64748b;
font-size: 16px;
max-width: 620px;
margin: 0 auto 32px;
line-height: 1.6;
}
/* Stats */
.cta-stats {
margin-bottom: 32px;
}
.stat-value {
font-size: 20px;
font-weight: 700;
color: #0f172a;
}
.stat-label {
font-size: 13px;
color: #64748b;
margin-top: 4px;
}
/* Buttons */
.cta-actions {
display: flex;
justify-content: center;
gap: 12px;
flex-wrap: wrap;
}
.btn-primary {
background: #2563eb;
border: none;
padding: 12px 26px;
font-weight: 500;
border-radius: 8px;
}
.btn-primary:hover {
background: #1e4ed8;
}
.btn-light {
background: #f1f5f9;
border: 1px solid #e2e8f0;
color: #0f172a;
padding: 12px 22px;
border-radius: 8px;
}
.btn-light:hover {
background: #e2e8f0;
}
/* Responsive tweak */
@media (max-width: 768px) {
.cta-title {
font-size: 26px;
}
.cta-box {
padding: 32px 20px;
}
}
</style>
<p class="rbt-header-top rbt-header-top-2 bg-not-transparent bg-gradient-7 color-white ptb--15 d-xl-block text-center mb--40 mt--40" id="footerAd1">
<img src="https://indibloghub.com/public/images/loader_icon.gif">
</p>
<footer class="rbt-footer footer-style-1">
<div class="footer-tops">
<div class="container">
<div class="row row--15 mt_dec--30">
<div class="col-lg-5 col-md-6 col-sm-6 col-12 mt--30">
<div class="footer-widget">
<div class="logo">
<a href="https://indibloghub.com">
<img src="https://indibloghub.com/public/images/indibloghub_logo.png" alt="IndiBlogHub">
</a>
</div>
<p class="description mt--10 rbt-link-hover">
IndiBlogHub.com is an AI-powered content publishing platform that enhances every published article with intelligent metadata optimization, internal linking, and rapid 48-hour indexing supported by DR 60+ authority signals — helping publishers, brands, and agencies publish content that gains lasting visibility online.
</p>
<p class="description mt--40 rbt-link-hover">
For support or general inquiries, please contact us at
<a href="mailto:support@indibloghub.com" class="text-primary" target="_blank">
<u>support@indibloghub.com</u>
</a>
</p>
</div>
</div>
<div class="col-lg-2 col-md-6 col-sm-6 col-12 mt--30">
<div class="footer-widget">
<p class="ft-title text-decoration-underline">Categories</p>
<ul class="ft-link">
<li>
<a href="https://indibloghub.com/hubs/travel-lifestyle">» Travel & Lifestyle</a>
</li>
<li>
<a href="https://indibloghub.com/hubs/education">» Education & Career</a>
</li>
<li>
<a href="https://indibloghub.com/hubs/business-finance">» Business & Finance</a>
</li>
<li>
<a href="https://indibloghub.com/hubs/digital-marketing">» Digital Marketing</a>
</li>
<li>
<a href="https://indibloghub.com/hubs/tech-ai">» Technology & AI</a>
</li>
<li>
<a href="https://indibloghub.com/hubs/health-wellness">» Health & Wellness</a>
</li>
<li>
<a href="https://indibloghub.com/hubs/entertainment-media">» Entertainment & Media</a>
</li>
</ul>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-12 mt--30">
<div class="footer-widget">
<p class="ft-title text-decoration-underline">Popular Topics</p>
<ul class="ft-link">
<li>
<a href="https://indibloghub.com/topics/ride-booking">» Ride Booking</a>
</li>
<li>
<a href="https://indibloghub.com/topics/stock-market">» Stock Market</a>
</li>
<li>
<a href="https://indibloghub.com/topics/website-builders">» Website Builders</a>
</li>
<li>
<a href="https://indibloghub.com/topics/audience-engagement">» Audience Engagement</a>
</li>
<li>
<a href="https://indibloghub.com/topics/fashion-brands">» Fashion Brands</a>
</li>
<li>
<a href="https://indibloghub.com/topics/school-education">» School Education</a>
</li>
<li>
<a href="https://indibloghub.com/topics" class="text-primary">» Browse all</a>
</li>
</ul>
</div>
</div>
<div class="col-lg-2 col-md-6 col-sm-6 col-12 mt--30">
<div class="footer-widget">
<p class="ft-title text-decoration-underline">Links</p>
<ul class="ft-link">
<li>
<a href="https://indibloghub.com/hubs">» Categories</a>
</li>
<li>
<a href="https://indibloghub.com/topics">» Popular Topics</a>
</li>
<li>
<a href="https://indibloghub.com/creators">» Top Publishers</a>
</li>
<li>
<a href="https://indibloghub.com/articles">» Publications</a>
</li>
<li>
<a href="https://indibloghub.com/about-us">» About IndiBlogHub</a>
</li>
<li><a href="https://indibloghub.com/privacy-policy">» Privacy policy</a></li>
<li><a href="https://indibloghub.com/disclaimer">» Disclaimer</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</footer>
<br>
<div class="rbt-separator-mid">
<div class="container">
<hr class="rbt-separator m-0">
</div>
</div>
<div class="copyright-area copyright-style-1 ptb--20">
<div class="container">
<p class="text-center">
© 2019–2026 <a href="https://indibloghub.com" class="text-primary">IndiBlogHub.com</a>. All rights reserved. Hosted on: <u><a href="https://m.do.co/c/6f351e76455b" target="_blank" class="text-primary" rel="noopener noreferrer">DigitalOcean</a></u>
</p>
</div>
</div> </main>
<div class="rbt-progress-parent">
<svg class="rbt-back-circle svg-inner" width="100%" height="100%" viewBox="-1 -1 102 102">
<path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />
</svg>
</div>
<script src="https://cdn.indibloghub.com/js/vendor/modernizr.min.js"></script>
<script src="https://cdn.indibloghub.com/js/vendor/jquery.js"></script>
<script src="https://cdn.indibloghub.com/js/vendor/bootstrap.min.js"></script>
<script src="https://cdn.indibloghub.com/js/vendor/sal.js"></script>
<script src="https://cdn.indibloghub.com/js/vendor/swiper.js"></script>
<script src="https://cdn.indibloghub.com/js/vendor/jquery-appear.js"></script>
<script src="https://cdn.indibloghub.com/js/vendor/odometer.js"></script>
<script src="https://cdn.indibloghub.com/js/vendor/backtotop.js"></script>
<script src="https://cdn.indibloghub.com/js/vendor/isotop.js"></script>
<script src="https://cdn.indibloghub.com/js/vendor/imageloaded.js"></script>
<script src="https://cdn.indibloghub.com/js/vendor/wow.js"></script>
<script src="https://cdn.indibloghub.com/js/vendor/waypoint.min.js"></script>
<script src="https://cdn.indibloghub.com/js/vendor/easypie.js"></script>
<script src="https://cdn.indibloghub.com/js/vendor/text-type.js"></script>
<script src="https://cdn.indibloghub.com/js/vendor/jquery-one-page-nav.js"></script>
<script src="https://cdn.indibloghub.com/js/vendor/bootstrap-select.min.js"></script>
<script src="https://cdn.indibloghub.com/js/vendor/jquery-ui.js"></script>
<script src="https://cdn.indibloghub.com/js/vendor/magnify-popup.min.js"></script>
<script src="https://cdn.indibloghub.com/js/vendor/paralax-scroll.js"></script>
<script src="https://cdn.indibloghub.com/js/vendor/paralax.min.js"></script>
<script src="https://cdn.indibloghub.com/js/vendor/countdown.js"></script>
<script src="https://cdn.indibloghub.com/js/vendor/plyr.js"></script>
<script src="https://cdn.indibloghub.com/js/main.js"></script>
<script type="text/javascript">
function Imglazyloading(){
$('img').each(function () {
let img = $(this);
let dataSrc = img.attr('data-src');
if (!dataSrc) return;
let isImage = /\.(jpg|jpeg|png|gif|webp|svg|avif)(\?.*)?$/i.test(dataSrc);
if (!isImage) {
img.attr('data-src', '');
return;
}
let tester = new Image();
tester.onload = function () {
img.attr('src', dataSrc);
};
tester.src = dataSrc;
});
}
$(document).ready(function(){
Imglazyloading();
});
$(document).ready(function() {
$(document).on("click",".read_more_content",function(e){
$(this).hide();
$('.show_more_content').show();
});
$(document).on("click",".share_popup",function(e){
e.preventDefault();
window.open($(this).attr('href'), 'fbShareWindow', 'height=450, width=550, top=' + ($(window).height() / 2 - 275) + ', left=' + ($(window).width() / 2 - 225) + ', toolbar=0, location=0, menubar=0, directories=0, scrollbars=0');
return false;
});
});
if (window.location.href.indexOf("cid") > -1) {
var res = $(location).attr('href').split("#cid");
if(res[1] > 0)
{
var target = $('#cid'+res[1]);
$('html,body').animate({
scrollTop: target.offset().top-130
}, 1000);
$('#cid'+res[1]).addClass('p-5').css("background-color","rgb(248 233 236)");
}
}
$(document).on("change",".filter_select",function(){
var url = $(this).val();
if(url)
{
url = "https://indibloghub.com/post/free-svg-vectors-a-comprehensive-guide?s="+$(this).val();
window.location = url;
}
});
$('.no_follow_content a').each(function() {
var $this = $(this);
var href = $this.attr('href') || '';
if (href.indexOf('indibloghub.com') === -1) {
// External link → add rel + target
$this.attr("rel", "noopener ugc nofollow").attr("target", "_blank");
} else {
// Internal link → only target
$this.attr("target", "_blank");
}
});
$('.follow_content a').each(function() {
$(this).removeAttr('rel').attr('target', '_blank');
});
function manage_height_section()
{
var main = 0,section_class='.manage_height';
$(section_class).removeAttr('style');
$(section_class).each(function(){
if($(this).height() > main)
{
main = $(this).height();
}
});
$(section_class).height(main+"px");
}
manage_height_section();
$(document).ready(function () {
var query = window.location.search;
if (
query.indexOf('s=') > -1 ||
query.indexOf('page=') > -1 ||
query.indexOf('q=') > -1 ||
query.indexOf('tab=') > -1
||
query.indexOf('topic_id=') > -1
) {
var $target = $('#blog_section');
if ($target.length) {
$('html, body').stop(true).animate(
{
scrollTop: $target.offset().top - 130
},
1400, // longer = smoother
'swing' // default easing
);
}
}
});
$(document).on("click",".callConfirm",function(){
var confirm_default = "Are you sure you want to delete it!";
var r = confirm(confirm_default);
if (r == true) {
return true;
}
else
{
return false;
}
});
$('.comment_desc, .description').each(function(){
var str = $(this).html();
var regex = /(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/ig;;
var replaced_text = str.replace(regex, "<a class='text_primary_light' rel='noindex' href='$1' target='_blank'>$1</a>");
$(this).html(replaced_text);
});
$('.username_href').each(function(){
var username = $(this).data("username");
var profile_url = "https://indibloghub.com/profile";
$(this).attr("href",profile_url+"/"+username).attr("class","text-primary");
});
$(document).on("click",".reply_comment",function(){
var id = $(this).attr("id");
$('.uname').val("@"+$(this).attr("data-username")+" ");
$('#rep_id').val(id);
});
$(document).on("click",".comment_section",function(){
$('html,body').animate({
scrollTop: $('#comment_section').offset().top-130
}, 2000);
});
$(document).on("click",".click_me",function(){
var url = $(this).attr("id");
window.location = url;
});
$(document).on("click",".scroll_me",function(){
var id = $(this).attr("id");
var target = $('#tabs'+id);
$('html,body').animate({
scrollTop: target.offset().top-100
}, 1000);
});
setTimeout(function() {
$('#footerAd1').load("https://indibloghub.com/render_web_ajax_view/footer_ad_section");
}, 1000);
</script>
<script>
$('.content_desc').each(function () {
$(this).find('a').each(function () {
if (!$(this).parent().is('u')) {
$(this).wrap('<u></u>');
}
});
});
</script>
</body>
</html><script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'9dfd9cc7ebebb23b',t:'MTc3NDEwMjk4NA=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script><script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="cb9ab8f2874cbb13d350e120-|49" defer></script><script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script> 
