Eraser Circle Outline icon

solar:eraser-circle-outline

The Eraser Circle Outline icon (solar:eraser-circle-outline) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Solar
Author: 480 Design
License: CC-BY-4.0
Size: 24 × 24
Category: Text Formatting
Tags: erasercircle, circleoutline, erasercircleoutline

Download SVG

SVG code

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

How to use the Eraser Circle Outline icon

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>

HTML image

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

Related icons in Solar

Eraser Circle Outline icon FAQ

Is the Eraser Circle Outline icon free for commercial use?

Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Eraser Circle Outline icon in React?

Install @iconify/react and render <Icon icon="solar:eraser-circle-outline" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Eraser Circle Outline icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/eraser-circle-outline.svg" alt="Eraser Circle Outline icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →