Ícone Eraser Circle Outline

solar:eraser-circle-outline

O ícone Eraser Circle Outline (solar:eraser-circle-outline) é um ícone SVG gratuito da coleção Solar de 480 Design. Ele é desenhado em uma grade de 24 × 24. Solar icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção: Solar
Autor: 480 Design
Licença: CC-BY-4.0
Tamanho: 24 × 24
Categoria: Formatação de texto
Tags: erasercircle, circleoutline, erasercircleoutline

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M12.8883 16.8959C12.3621 17.4222 11.9147 17.8697 11.5096 18.1788C11.078 18.508 10.6076 18.75 10.0318 18.75C9.45604 18.75 8.98563 18.508 8.55411 18.1788C8.149 17.8697 7.70155 17.4222 7.17534 16.8959L7.10407 16.8246C6.57782 16.2984 6.13033 15.851 5.82124 15.4459C5.492 15.0144 5.25 14.544 5.25 13.9682C5.25 13.3924 5.492 12.922 5.82124 12.4904C6.13032 12.0853 6.5778 11.6379 7.10405 11.1117L11.1117 7.10406C11.6379 6.57781 12.0853 6.13032 12.4904 5.82124C12.922 5.492 13.3924 5.25 13.9682 5.25C14.544 5.25 15.0144 5.492 15.4459 5.82124C15.851 6.13032 16.2984 6.57781 16.8246 7.10405L16.8959 7.17534C17.4222 7.70155 17.8697 8.149 18.1788 8.55411C18.508 8.98563 18.75 9.45604 18.75 10.0318C18.75 10.6076 18.508 11.078 18.1788 11.5096C17.8697 11.9147 17.4222 12.3621 16.8959 12.8883L12.8883 16.8959ZM12.1367 8.20037C12.7084 7.6287 13.0849 7.25442 13.4003 7.01378C13.6984 6.78634 13.8522 6.75 13.9682 6.75C14.0841 6.75 14.2379 6.78634 14.536 7.01378C14.8514 7.25442 15.228 7.6287 15.7996 8.20037C16.3713 8.77204 16.7456 9.14858 16.9862 9.46398C17.2137 9.76207 17.25 9.91588 17.25 10.0318C17.25 10.1478 17.2137 10.3016 16.9862 10.5997C16.7456 10.9151 16.3713 11.2916 15.7996 11.8633L13.1809 14.482L9.51797 10.8191L12.1367 8.20037ZM8.45731 11.8798L12.1202 15.5427L11.8633 15.7996C11.2916 16.3713 10.9151 16.7456 10.5997 16.9862C10.3016 17.2137 10.1478 17.25 10.0318 17.25C9.91588 17.25 9.76207 17.2137 9.46398 16.9862C9.14858 16.7456 8.77204 16.3713 8.20037 15.7996C7.6287 15.228 7.25442 14.8514 7.01378 14.536C6.78634 14.2379 6.75 14.0841 6.75 13.9682C6.75 13.8522 6.78634 13.6984 7.01378 13.4003C7.25442 13.0849 7.6287 12.7084 8.20037 12.1367L8.45731 11.8798Z"/><path d="M12 1.25C6.06294 1.25 1.25 6.06294 1.25 12C1.25 17.9371 6.06294 22.75 12 22.75C17.9371 22.75 22.75 17.9371 22.75 12C22.75 6.06294 17.9371 1.25 12 1.25ZM2.75 12C2.75 6.89137 6.89137 2.75 12 2.75C17.1086 2.75 21.25 6.89137 21.25 12C21.25 17.1086 17.1086 21.25 12 21.25C6.89137 21.25 2.75 17.1086 2.75 12Z"/></g></svg>

Como usar o ícone Eraser Circle Outline

React

import { Icon } from "@iconify/react";

<Icon icon="solar:eraser-circle-outline" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="solar:eraser-circle-outline" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="solar:eraser-circle-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--eraser-circle-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:eraser-circle-outline"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="solar:eraser-circle-outline"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/solar/eraser-circle-outline.svg" alt="Ícone Eraser Circle Outline" width="24" height="24">

Ícones relacionados em Solar

Perguntas frequentes sobre Ícone Eraser Circle Outline

O ícone Eraser Circle Outline é grátis para uso comercial?

Sim. Solar icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.

Como uso o ícone Eraser Circle Outline no React?

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

Como adiciono o ícone Eraser Circle Outline a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/solar/eraser-circle-outline.svg" alt="Ícone Eraser Circle Outline">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones Solar →