Adblock Plus icon
thesvg:adblock-plus
The Adblock Plus icon (thesvg:adblock-plus) is a free SVG icon from the theSVG set by thesvg.org. It is drawn on a 24 × 24 grid. theSVG icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- theSVG
- Author
- thesvg.org
- License
- MIT
- Size
- 24 × 24
- Tags
- adblockplus
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.027 0L0 7.027v9.941L7.027 24h9.941L24 16.968v-9.94L16.973 0zm.202.48h9.542l6.749 6.749v9.542l-6.749 6.749H7.23L.48 16.771V7.23zm.557 1.344L1.824 7.786v8.428l5.962 5.962h8.428l5.962-5.962V7.786l-5.962-5.962zM4.396 7.68H6.38l2.285 8.41H6.917l-.447-2.002H4.238l-.446 1.997h-1.68zm5.3 0h2.491q.534-.006 1.061.096c.302.058.595.173.85.34c.24.164.436.385.57.644q.209.403.207 1.008c0 .192-.024.384-.072.566q-.072.283-.216.528a1.6 1.6 0 0 1-.926.72v.053c.523.11.917.327 1.18.643q.398.474.399 1.33q0 .648-.216 1.109c-.14.302-.346.561-.605.768c-.269.206-.576.36-.902.451c-.36.1-.735.154-1.109.149H9.696zm6.667 0h2.669c.374-.005.749.043 1.114.134c.33.082.643.236.907.452c.269.225.48.513.61.84q.223.518.225 1.281q0 .736-.23 1.277c-.14.34-.35.643-.624.888a2.6 2.6 0 0 1-.908.518a3.6 3.6 0 0 1-1.099.168H18.01v2.852h-1.647zM5.328 9.125c-.091.446-.182.907-.274 1.373c-.09.465-.192.912-.297 1.334l-.178.773h1.555l-.168-.773a32 32 0 0 1-.302-1.34a56 56 0 0 0-.293-1.367zm6.005.029v1.92h.773q.605 0 .878-.279q.274-.28.274-.753c0-.317-.092-.548-.279-.682s-.475-.206-.864-.206zm6.681.038v2.54h.917q1.345 0 1.344-1.34q-.001-.657-.34-.931c-.226-.183-.562-.269-1.004-.269zm-6.681 3.22v2.204h.931q1.354-.001 1.354-1.147q.002-.555-.336-.807c-.226-.168-.562-.25-1.018-.25z"/></svg>How to use the Adblock Plus icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg:adblock-plus" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg:adblock-plus" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg:adblock-plus" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg--adblock-plus]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg -->
<div class="i-thesvg:adblock-plus"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg:adblock-plus"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg/adblock-plus.svg" alt="Adblock Plus icon" width="24" height="24">Related icons in theSVG
Adblock Plus icon in other icon sets
Adblock Plus icon FAQ
Is the Adblock Plus icon free for commercial use?
Yes. theSVG icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Adblock Plus icon in React?
Install @iconify/react and render <Icon icon="thesvg:adblock-plus" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Adblock Plus icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg/adblock-plus.svg" alt="Adblock Plus icon">, or paste the SVG code inline to style it with CSS.