Ícone Eraser Circle
reicon:eraser-circle
O ícone Eraser Circle (reicon:eraser-circle) é um ícone SVG gratuito da coleção Reicon. Ele é desenhado em uma grade de 24 × 24. Reicon 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
- Reicon
- Autor
- REICON
- Licença
- MIT
- Tamanho
- 24 × 24
- Categoria
- Formatação de texto
- Tags
- erasercircle
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.888 16.896c-.526.526-.973.974-1.378 1.283c-.432.329-.902.571-1.478.571s-1.046-.242-1.478-.571c-.405-.31-.852-.757-1.379-1.283l-.07-.071c-.527-.527-.975-.974-1.284-1.38c-.329-.43-.571-.901-.571-1.477s.242-1.046.571-1.478c.31-.405.757-.852 1.283-1.378l4.008-4.008c.526-.526.973-.974 1.378-1.283c.432-.329.902-.571 1.478-.571s1.046.242 1.478.571c.405.31.852.757 1.379 1.283l.07.071c.527.527.975.974 1.284 1.38c.329.43.571.901.571 1.477s-.242 1.046-.571 1.478c-.31.405-.757.852-1.283 1.378zM12.137 8.2c.571-.571.948-.946 1.263-1.186c.298-.228.452-.264.568-.264s.27.036.568.264c.315.24.692.615 1.264 1.186c.571.572.946.949 1.186 1.264c.228.298.264.452.264.568s-.036.27-.264.568c-.24.315-.615.692-1.186 1.263l-2.62 2.619l-3.662-3.663zm-3.68 3.68l3.663 3.663l-.257.257c-.571.571-.948.946-1.263 1.186c-.298.228-.452.264-.568.264s-.27-.036-.568-.264c-.315-.24-.692-.615-1.264-1.186c-.571-.572-.946-.949-1.186-1.264c-.228-.298-.264-.452-.264-.568s.036-.27.264-.568c.24-.315.615-.692 1.186-1.263z"/><path d="M12 1.25C6.063 1.25 1.25 6.063 1.25 12S6.063 22.75 12 22.75S22.75 17.937 22.75 12S17.937 1.25 12 1.25M2.75 12a9.25 9.25 0 1 1 18.5 0a9.25 9.25 0 0 1-18.5 0"/></g></svg>
Como usar o ícone Eraser Circle
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:eraser-circle" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:eraser-circle" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:eraser-circle" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--eraser-circle]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:eraser-circle"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:eraser-circle"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/reicon/eraser-circle.svg" alt="Ícone Eraser Circle" width="24" height="24">
Ícones relacionados em Reicon
O ícone Eraser Circle em outras coleções
Perguntas frequentes sobre Ícone Eraser Circle
O ícone Eraser Circle é grátis para uso comercial?
Sim. Reicon icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Eraser Circle no React?
Instale @iconify/react e renderize <Icon icon="reicon:eraser-circle" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Eraser Circle a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/reicon/eraser-circle.svg" alt="Ícone Eraser Circle">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Reicon →
ICONYZ
