Ícone Adblock Plus

thesvg:adblock-plus

O ícone Adblock Plus (thesvg:adblock-plus) é um ícone SVG gratuito da coleção theSVG de thesvg.org. Ele é desenhado em uma grade de 24 × 24. theSVG icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção: theSVG
Autor: thesvg.org
Licença: MIT
Tamanho: 24 × 24
Tags: adblockplus

Baixar SVG

Código SVG

<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>

Como usar o ícone Adblock Plus

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>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/thesvg/adblock-plus.svg" alt="Ícone Adblock Plus" width="24" height="24">

Ícones relacionados em theSVG

O ícone Adblock Plus em outras coleções

Perguntas frequentes sobre Ícone Adblock Plus

O ícone Adblock Plus é grátis para uso comercial?

Sim. theSVG icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Adblock Plus no React?

Instale @iconify/react e renderize <Icon icon="thesvg:adblock-plus" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Adblock Plus a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/thesvg/adblock-plus.svg" alt="Ícone Adblock Plus">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones theSVG →